php 20180425モーダルを闭じてページ内リンク
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php 20180425モーダルを闭じてページ内リンク相关的知识,希望对你有一定的参考价值。
<script>
$(function(){
$w.on({
//load
'load' : function(){
},
//scroll
'scroll' : function(){
}
}).superResize({
//resize
resizeAfter : function(){
}
}).firstLoad({
//firstLoad
pc_tab : function(){
},
sp : function(){
$('.wrp_modal').wrapAll('<div class="remodal" data-remodal-id="modal"></div>');
var inst = $('[data-remodal-id=modal]').remodal();
$('.exit-remodal').click(function() {
inst.close();
});
}
});
});
</script>
<div class="wrp_goldpowder">
<div class="con_pg_nav">
<p class="st_nav view_sp"><a data-remodal-target="modal"><i class="ion-android-menu"></i>ウェディング情報一覧を見る</a></p>
<div class="remodal-bg view_sp"></div>
<div class="wrp_modal">
<button data-remodal-action="close" class="remodal-close view_sp"></button>
<ul class="menulist">
<li class="active"><a href="./">ウェディング</a></li>
<li><a href="#ceremony" class="exit-remodal">挙式</a></li>
<li><a href="#reception" class="exit-remodal">披露宴</a></li>
<li><a href="#cuisine" class="exit-remodal">お料理</a></li>
<li><a href="#cake" class="exit-remodal">ケーキ</a></li>
<li><a href="<?php echo LOCATION;?>wedding/charge" class="exit-remodal">ご婚礼各種料金</a></li>
<li class="nav_rsv"><a href="<?php echo LOCATION;?>wedding/contact" class="exit-remodal"><span>お問い合わせ</span></a></li>
</ul>
</div>
</div><!-- /.con_pg_nav -->
</div><!-- /.wrp_goldpowder -->
以上是关于php 20180425モーダルを闭じてページ内リンク的主要内容,如果未能解决你的问题,请参考以下文章
text モーダルを表示したときに背景部分はスクロールできないようにする
javascript ページ内リンクをスムーススクロール
javascript 170512スマホでページ内迁移するとメニューが闭じない
javascript ページ内リンク时固定ヘッダーをかぶらないようにする
css モーダルウィンド复数
html 検索エンジンのインデックスとページ内リンク先へのアクセスを防ぐメタタグ