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 検索エンジンのインデックスとページ内リンク先へのアクセスを防ぐメタタグ