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

标签 javascript jquery css

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

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

谢谢!

最佳答案

您可以使用 css 属性 "position: fixed;" 来实现,并且使用 Jquery 可以实现一些有趣的效果。

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

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

关于javascript - 如何创建一个动态的固定div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16750331/

相关文章:

javascript - 来自另一个模块所需的模块的node.js proxyquire stub 异步函数

php - 在隐藏输入中使用 base64_encode 与 json_encode 传递编码数据

html - 与其容器和窗口相关的 div 位置

javascript - 动态更改源后加载音频元素

javascript - javascript 选择框卡在 IE7 中的第二个选择上

javascript - 如何让我的js slider 向相反方向移动?

javascript - 2 列布局,如何应用边框,使更高的 div 决定边框高度

CSS 无法在表格上工作

javascript - 正确使用 jQuery 切换方法

javascript - 如何在 jQuery/Javascript 中固定/取消固定下拉菜单?