animatedModal.jsの動作について

Question

現在、モーダルウィンドウを実装しようと思っています。
JavascriptやjQueryに関しては初心者です。

今回は、animatedModal.jsを利用したいと思っています。

animatedModal.js

こちらのanimatedModalが適用されたボタンをクリックすると、モーダルウィンドウが出現するのですが、
その際に、若干ページの要素全体（？）が右にずれます。
上記、URLのDEMOでも同様の動きが確認できるので、もともとそういう仕様なのかもしれませんが、こちらを動かないように修正することは出来るのでしょうか？

Answer 1

animatedModal.jsを読んでみると、
モーダル表示時に

$('body, html').css({'overflow':'hidden'});

を実行しているので、
元々スクロールバーが表示されているページでは
スクロールバーがなくなることによって
全体が右にずれたように見えてしまうようです。

設定によって変更できる動作ではないようなので、
どうしても回避したい場合は上記のコードを直接変更
するしかないような気がします。

Comments

[azuno_mix]

なるほど。
スクロールバーが非表示になってるんですね！
解決方法についても考えてみたいと思います。
回答ありがとうございました。