向下滚动时,如何使下部导航栏保持在顶部?我的意思是我只想隐藏上导航栏?下导航栏应代替上导航栏。
我试图附加功能:
$('.navbar-lower').affix({
offset: {top: 50}
});
但是我的代码不起作用。
这是我的尝试jsFiddle
:http : //jsfiddle.net/hw3gxhhf
我该如何解决?
聚苯乙烯
我也用 jquery.bootstrap-autohidingnavbar.min.js
$("div.navbar-fixed-top").autoHidingNavbar({
"showOnBottom": false,
"showOnUpscroll": false
});
您始终可以侦听scroll事件,并检查scrollTop值。达到50像素阈值后,您可以更改边距最高值:
window.addEventListener('scroll', function(){
if (document.body.scrollTop >= 50) {
$('.navbar-lower').css('margin-top','0px');
} else {
$('.navbar-lower').css('margin-top','50px');
}
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句