1
功能我有以下的代码添加/删除基于滚动事件,除了在屏幕上< 768px重置为响应
脚本
function hasScrolled() {
if($(window).width() > 768) {
var st = $(this).scrollTop();
if (Math.abs(lastScrollTop - st) <= delta)
return;
if (st > lastScrollTop && st > navbarHeight) {
// Scroll Down
$('#s-nav').removeClass('nav-down').addClass('nav-up');
} else {
// Scroll Up
if (st + $(window).height() < $(document).height()) {
$('#s-nav').removeClass('nav-up').addClass('nav-down');
}
}
lastScrollTop = st;
}
}
HTML
.nav行动和.nav向下<nav id="s-nav" class="nav-down"> .... </div>
CSS
#s-nav { position: fixed; }
#s-nav.nav-up { top: -75px; }
@media screen and (max-width: 768px) {
#s-nav.nav-up { top: 0; }
}
然而,当从手机移动到屏幕尺寸(响应)屏幕尺寸时,菜单'上升',就像窗口滚动一样。我想“重置”功能,这样,当它的屏幕尺寸我仍然是“向下”
这样的作品,不确定如何,但问题解决了!谢谢 – user3550879
这是因为当窗口小于768时,#s-nav采用'nav-down'类,所以当你调整大小时,它仍然有这个类,所以它不会上升!不知道是否清楚;) – shwarp