javascript - div 在位置 :fixed and position:absolute during scrolling 之间移动

标签 javascript css html scroll positioning

我正在寻找一种方法来模仿本网站左侧菜单的行为: http://www.nectarboutique.com/collections/on-sale

含义:我需要一个必须绝对定位(CSS 样式)靠近页面顶部某处的 div,直到用户向下滚动超过某个点,然后它变为 position: fixed。然后,当它到达底部附近的某处时(在它与页脚相交之前),它必须变回 position: absolute

如果有人知道解决方案,这对我有很大帮助?

最佳答案

他们正在使用自定义 jQuery 代码。请在此处查看有关如何执行此操作的良好教程: http://css-tricks.com/scrollfollow-sidebar/

或者您可以下载一个 jQuery 插件来帮助您: http://plugins.jquery.com/node/8152

关于javascript - div 在位置 :fixed and position:absolute during scrolling 之间移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4466416/

相关文章:

html - CSS 标题固定位置

javascript - 是什么阻止此网页缩小以适应小于 530 像素的宽度?

html - 如何使用内联 CSS 更改处于事件状态的按钮的颜色?

javascript - "alert()"和 "confirm()"不适用于 "apple-mobile-web-app-capable"

javascript - 使用meteor在body中添加按钮并从JS函数中获取值

javascript - 如何在angularjs上有多个$routeParams

javascript - ionic : Show active/inactive button when two times clicked

javascript - 检查是否至少有一行被填满

html - CSS响应式设计断点

html - 如何让输入框变大?