延迟加载后底部导航菜单粘到底部会改变页面高度

时间:2017-04-28 18:50:50

标签: javascript jquery css sticky-footer

我的网站底部有一个粘性页脚,当您滚动到页面底部时,我还有一个位于页脚顶部的水平导航栏。

我在我的网站上实现了延迟加载帖子,现在,每次加载新帖子时,页脚会跳回到页面底部,但我的水平导航菜单不会,直到我滚动的那一刻。 / 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;
}

非常感谢任何帮助!谢谢!

0 个答案:

没有答案