javascript - 当 css 中的 "fixed"时将菜单保持在顶部

Question

距离顶部 113 像素，当用户滚动页面时位于顶部。

我知道有一个类似的问题，但我不确定将js代码放在哪里。 (是的，我是新手)

老问题: How to "fixed" menu only when it get to the top?

如果您想查看示例，请告诉我。

最好的问候

卡斯滕

Answer 1

这是一个关于如何做到这一点的例子:http://jsfiddle.net/andunai/9x74vkvw/

我还将 .menu 包装到 .menu-placeholder div 中，为菜单保留位置，防止页面在更改状态时“跳转”。

您的菜单需要 2 个 CSS 定义:.static 和 .fixed。这是示例 CSS:

.menu {
    width: 100%;
    margin: 0px 10%;
    display: block;
}

.menu.floating {
    position: fixed;
    top: 0;
    left: 10%;
    width: 10%;
}