ポップアップ系のギミックは「Lightbox」を昔から使ってましたが、
https://lokeshdhakar.com/projects/lightbox2/

lity.jsの方が取り回しが良く、最近はこれを使っている。
https://sorgalla.com/lity/

で、困ったこと。スマホもそうだけどオブジェクトをオーバレーして、そこにアンカーリンクを貼り付けたらポップアップが閉じない件。毎度ぶつかってしまう。

これで解決です!
#objectIDは最初「hidden」で消してクリックでポップアップさせてるIDです。

$('#objectID a[href]').click(function() {
$('.lity').removeClass("lity-opened").addClass("lity-closed");
});

ポップアップ内リンクをクリックして、スムーススクロールして、ポップアップを閉じます。

よろしければ「スキ」をお願いしますm(_ _)m

この記事が気に入ったらサポートをしてみませんか?