ブラウザーウィンドウに触れると上部にくっつく粘着性のあるナビゲーションバーがあります。問題は、上部に触れるとすぐにナビゲーション バーの高さが 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>
ここで問題を確認できます。