0

我有一个粘性导航栏，当它触摸时会粘在浏览器窗口的顶部。问题是，一旦它触及顶部，导航栏的高度就会翻倍。我似乎看不出问题出在哪里。

这是我正在使用的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 
#scroller {
  height:30px;  /* height of menu */
}

修复问题。

于 2013-06-05T18:14:07.623 回答
0

看起来你需要margin-bottom从你的.navigation班级中删除。请不要使用内联样式或 !important。

于 2013-06-05T18:14:45.807 回答