当滚动条到达页面顶部时,它会改变高度
Sticky scroller changes height when it hits top of page
我有一个粘在浏览器窗口顶部的导航条。问题是,一旦它触及顶部,导航条的高度就会翻倍。我似乎看不出有什么问题。
这是我使用的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>
看起来您需要从.navigation
类中删除margin-bottom
。请不要使用内联样式或!important.
#scroller {
height:30px; /* height of menu */
}
修复问题
相关文章:
- 在按钮改变高度后使标题保持不变
- 当改变比例按钮具有不同的高度时
- 为什么我的图像高度没有改变
- 高度在 jQuery 中的 resize() 上不会改变
- 如何使JQuery同位素与改变高度的元素一起工作
- 改变高度会带来问题
- 有什么方法可以改变appequests对话框的高度吗
- 如何改变JS库highcharts的高度和工具提示宽度
- Iframe的高度改变,如果点击
- Jquery动画不改变高度自动
- 在动画开始时改变元素高度(Angular)
- 如何改变宽度和高度的文本区域,根据其内容的大小
- 我每隔几秒钟就会改变图像,同时也会以100%的高度和宽度响应缩放图像
- 当滚动条到达页面顶部时,它会改变高度
- Div改变高度,当用户点击内容JS
- 设置高度的元素动态和改变高度的窗口调整大小使用jQuery
- AngularJS用于动态改变高度的砌体
- JavaScript动态时间SetTimeout方法改变高度
- 工具提示窗口在添加更多文本时改变高度和宽度
- 问题bootstrap 3旋转木马改变高度为0px和边缘为-…px