2015/01/15

【jQuery】モーダルウィンドウ表示時にページ上部に移動してしまう(fancybox)

【jQuery】モーダルウィンドウ表示時にページ上部に移動してしまう(fancybox)

iPhone、iPadでは開いた位置のままなのに、なぜかPCではページ上部にいつの間にか移動してしまう。。。

調べてみた結果、下記を追記することで直りました!

helpers: {
  overlay: {
	locked: false
  }
}


追記は下記のように記述します。

<script type="text/javascript">
<!--
$(document).ready(function() {
	$(".image").fancybox({
		maxWidth	: 980,
		maxHeight	: 800,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: true,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'false',
		helpers: {
		  overlay: {
			locked: false
		  }
		}
	});
});
-->
</script>


【参考サイト】fancybox2 / fancybox causes page to to jump to the top

Related Posts関連記事