お世話になります。
ページ途中にあるメニューがスクロールで画面上部に来た際に、
固定のためのcssを付記するよう、jQueryでコードを書いているのですが、
safariのみ、ページ中ほどでcssが付記されてしまいます。
他のfirefoxやchromeでは正常に動作しています。
safari特有のエラーかと思うのですが、対処方法がありましたらご教授戴ければと思います。
何卒よろしくお願いいたします。
jQuery: version 1.10.1
safari: version 9.12
html
1<body> 2………省略……… 3<div id="Menu"> 4<ul> 5 <li>Menu-1</li> 6 <li>Menu-2</li> 7 <li>Menu-3</li> 8 <li>Menu-4</li> 9 <li>Menu-5</li> 10</ul> 11</div> 12………省略……… 13</body>
jQuery
1<script> 2$(function() { 3 var Menu = $('#Menu'); 4 // メニューのtop座標を取得する 5 var offsetTop = Menu.offset().top; 6 var floatMenu = function() { 7 // スクロール位置がメニューのtop座標を超えたら固定にする 8 if ($(window).scrollTop() > offsetTop) { 9 Menu.addClass('fixed'); 10 } else { 11 Menu.removeClass('fixed'); 12 } 13 } 14 $(window).scroll(floatMenu); 15 $('body').bind('touchmove', floatMenu); 16}); 17</script>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/26 09:08