我的网站底部有一个粘性页脚,当您滚动到页面底部时,我还有一个位于页脚顶部的水平导航栏。
我在我的网站上实现了延迟加载帖子,现在,每次加载新帖子时,页脚会跳回到页面底部,但我的水平导航菜单不会,直到我滚动的那一刻。 / p>
我尝试在resize函数周围做一个setTimeout,但是没有做到这一点(但是,我可能做错了)。
在页面的完整底部,底部导航和页脚看起来很棒。我只是需要它在加载新帖子时触发将水平导航菜单替换到屏幕底部,然后,当在屏幕的完整底部时,将水平导航菜单放在页脚顶部,这是当前的正在做。
这是JS控制导航菜单的位置(#sticky-bottom):
var menuResize = function() {
$j(window).scroll(function() {
if($j(window).scrollTop() + $j(window).height() > $j(document).height() - 140) {
$j('#sticky-bottom').css("bottom", "90px");
}else{
$j('#sticky-bottom').css("bottom", "14px");
}
});
};
$j(window).resize(menuResize).ready(menuResize);
而且,这是导航菜单的CSS:
#sticky-bottom{
position: fixed;
bottom: 14px;
left: 0;
right: 0;
height: 68px;
}
非常感谢任何帮助!谢谢!