【Micromodal.js】モーダルを開いたとき、トップから表示させる方法

閲覧ありがとうございます。

この記事では【Micromodal.js】を使ったモーダルを開いたとき、トップから表示させる方法を紹介しています。

これは実際、説明文をモーダルで表示させたとき、開くたびにbottom部分が表示されてしまったので解消した時の内容になります。

こんな問題を解消できます。

disableFocus:true,で解決

Micromodal.initに以下のコードを追加すれば解決します。

disableScroll: true,

追加したらこんな感じです。

$(function () {
    MicroModal.init({
        openClass: 'is-open',
        disableFocus:true,
        disableScroll: true, //コピペでOK！戻すときは“false”に変更。
    });
});

設定は以上になります。お疲れ様でした。

私はこちらの記事を参考に設定できました。ありがとうございました。