vue-js-modal モーダルボックスの表示位置を変更したい
Q&A
Closed
解決したいこと
モーダルボックスの表示位置を変更したい
問題
vue-js-modalを使ってモーダルを実装しているのですが
表示が画面中央にしかモーダルボックスが配置されないです。
自分で試したこと
https://www.kabanoki.net/3144/
を参考にして「pivotX」というプロパティを使ったのですが
効かないです。
0
2Answer
2020年7月ころに「pivot-x」から「shift-x」へプロパティ名の変更があったようです。
最近のバージョンをお使いであれば、「shift-x」で移動できないでしょうか？
実際に試してみましたが、「shift-x」で位置が変わることが確認できました。
See the Pen Vue.js modal by yotty (@yotty) on CodePen.
1Like
Comments
@kochan2001
Questioner
YottyPGさん、ありがとうございます。
shift-xでしっかり動作しました！
shift-xを使えばよかったんですね。
本当に助かりました。
ありがとうございました。
古いバージョンをお使いで「pivotX」が効かないということなのであれば、プロパティ名を「pivot-X」に変更すると効くようになるかもしれません。
See the Pen Vue.js modal by yotty (@yotty) on CodePen.
1Like