如何创建浮动菜单

Question

需要一些建议来创建浮动菜单，该菜单的行为与apple website shopping cart上使用的浮动菜单非常相似。我已经看到一些脚本可以做这样的事情（我们已经尝试过），但是它们倾向于在运动背后“滞后”，而苹果版本则表现出静止的外观。 jQuery解决方案将是更可取的。

Answer 1

好吧，看起来他们正在从相对定位切换到固定。比大多数人所做的更好，当窗口向下滚动时，它更简单地向下滚动。

您可以通过遵循the following link中的操作来检测向下滚动窗口的方式。

Answer 2

一旦div的y位置等同于当前窗口视图的顶部，使其固定位置。您将不得不使用逻辑来确保它们在向后滚动时回退到非固定状态，但这应该是微不足道的。

Answer 3

这是一个plugin调用scroll-follow，这将有所帮助。从本质上来说，你可以为你的菜单选项定义一个带有ul的DIV。该插件将允许您设置速度，外观和切换开关。