0

ブラウザーウィンドウに触れると上部にくっつく粘着性のあるナビゲーションバーがあります。問題は、上部に触れるとすぐにナビゲーション バーの高さが 2 倍になることです。何が問題なのかわかりません。

私が使用しているJavaScriptは次のとおりです。

<script type='text/javascript'>//<![CDATA[ 
  $(window).load(function(){
  $(function() {
  var a = function() {
  var b = $(window).scrollTop();
  var d = $("#scroller-anchor").offset({scroll:false}).top;
  var c=$("#scroller");
  if (b>d) {
  c.css({position:"fixed",top:"0px", width:"100%",})
  } else {
  if (b<=d) {
    c.css({position:"relative",top:""})
  }
 }
};
$(window).scroll(a);a()
});
});//]]>  
</script>

HTMLと同様に:

<div id="scroller-anchor"></div> 
<div id="scroller">
<div class="wrapper"> 
</div>
</div>

ここで問題を確認できます。

4

2 に答える 2

0

クラスmargin-bottomから削除する必要があるようです。.navigationインライン スタイルや !important は使用しないでください。

于 2013-06-05T18:14:45.807 に答える
0
#scroller {
  height:30px;  /* height of menu */
}

問題を修正します。

于 2013-06-05T18:14:07.623 に答える