问如何使用CSS阻止HTML元素从屏幕顶部滚动
EN

Stack Overflow用户

提问于 2012-04-02 21:50:20

回答 2查看 15.7K关注 0票数 1

我尝试在我的页面上设置站点名称/徽标和导航，以便当它到达页面顶部时，它会留在那里，而不是从屏幕顶部消失。我已经尝试过position: fixed;，但是除非我遗漏了一些我不需要做的事情。

我的布局如下所示，我不希望在页面顶部消失的是header-top和header-nave -

<header>
    <div id="header-top"></div>
    <div id="header-middle"></div>
    <div id="header-nav"></div>
</header>

有没有人对此有什么建议，或者知道CSS是否可行？无论哪种方式，一些指向教程的指针，甚至是用于实现这一点的方法都将是有帮助的。

如果需要的话，我对JS是开放的。谢谢。

发布于 2012-04-02 22:34:22

有一堆关于如何实现这一点的演示。基本上，你需要弄清楚窗口向下多远，才能开始使固定位置的导航变得“粘性”。

这里有一个很好的演示的链接：http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9977716

复制

相似问题

问如何使用CSS阻止HTML元素从屏幕顶部滚动EN