私は「スティッキースクロール」ナビゲーションを追加しています。これは、ナビゲーションがブラウザの上部に到達するまで移動できるようにする、つまり常にユーザーの目に留まるようにする、と呼ばれていると思います。私はそれをクローム、ファイアフォックス、IEで動作させることができました。
ただし、jqueryの一部では、停止する上部マージンを変更できます。
とにかく、ブラウザごとに上部マージンを異なる方法で設定できますか?たとえば、chromeは10pxにしたい、IEは5pxにしたい、firefoxは何らかの理由で画面全体をNavで取得するので、変更する必要はありません。
これがそのJqueryです
<script type="text/javascript">
$(function(){ // document ready
if (!!$('.sticky').offset()) { // make sure ".sticky" element exists
var stickyTop = $('.sticky').offset().top; // returns number
$(window).scroll(function(){ // scroll event
var windowTop = $(window).scrollTop(); // returns number
if (stickyTop < windowTop){
$('.sticky').css({ position: 'fixed', top: 0 });
}
else {
$('.sticky').css('position','static');
}
});
}
});
</script>
あなたはトップマージンセクショントップを見ることができます:0
何か案は?
ありがとう