javascript - 如何创建一个动态的固定 div

Question

我需要你的帮助，我想创建一个动态的固定 DIV 这意味着它是一个固定的 div，但它不能覆盖页眉（或它上面的其他 div）和页脚（或它下面的其他 div）。例如，当滚动到顶部时，它位于其他 div 下方，但向下滚动到足够多时，它将位于顶部，而当滚动到页面底部时，它位于其他 div 上方。我不知道这个 div 的关键是什么，所以我称之为“动态固定 div”。

这里有一个例子：http ://www.1stwebdesigner.com/wp-content/uploads/2010/07/index.html 。我想创建一个类似于“选择类别”的 div。

谢谢！

Answer 1

您可以使用 css 属性“位置：固定；” 做到这一点，使用 Jquery 你可以做一些有趣的效果。

所以，看看这个教程，我相信它会对你有所帮助。

http://www.sutanaryan.com/jquery/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/