Javascript 如何制作我的页脚；棍子；到底部时；近；站点顶部？

我有这个工作时，网站加载。底部的页脚。然后，当您滚动到内容时，它会滚动到顶部。然后，当它到达顶部时，它会在顶部粘贴（持久标题）作为站点导航。这一切都有效

问题是，当我向后滚动到顶部时，我希望页脚再次“粘”到底部。现在，它将结束在浏览器的上方或下方，具体取决于显示器

我已经通读了为类似主题提供的答案，它们解决了粘在底部的页脚问题，我需要的是，一旦用户在网站顶部附近向后滚动，页脚就会“粘”到底部

有人能帮我完成吗

这里是测试站点的位置，只要滚动一下就会显示我的问题

非常感谢您的帮助

---

B

如果假设用户的窗口高度不会改变，则可以确定页脚的最小y位置

然后，当用户滚动到此位置上方时，可以将页眉/页脚的位置从固定（在

y=0

）更改为绝对（在

y=window\u height-header\u footer\u height

）

---

在此基础上展开，如果窗口高度发生变化，您也可以更新位置。

执行与当前相同的操作，除了相反的操作，检查滚动是否位于或低于某个点，使菜单的

底部：0px

参见此：。相应地调整。我会在jquery中这样做，还是可以使用CSS3来完成？我的本能是使用组合：每个状态使用CSS（

#whater.header{…}

，

#whater.footer{…}

），并在适当的时间使用jquery来切换类。好的，我应该为此重写上面的jquery吗，还是调整它？对不起，Dave，说到jquery，我是个笨蛋。谢谢

     $(function(){
     var stickyRibbonTop = $('#main-nav').offset().top;

     $(window).scroll(function(){
            if( $(window).scrollTop() > stickyRibbonTop ) {
                    $('#main-nav').css({position: 'fixed', top: '0px'});
            } else {
                    $('#main-nav').css({position: 'static', top: '0px'});
            }
    });
    });