javascript - 向下滚动页面时修复一个 div,然后取消修复

标签 javascript css

我试图让侧边栏 div 位于页眉部分下方,当您向下滚动时,它将变成一个固定的 div 并保持固定直到页面底部,一旦它到达页 footer 分,它将坚持它的顶部并允许我向下滚动页脚区域而不再看到它。

我要在这个网站上描述的内容有一个完美的例子http://madebymany.com/blog/apples-aesthetic-dichotomy

在左栏中,它会在您向下滚动时粘住,然后在底部松开

我正在寻找一个很好的方法来做到这一点,希望是一个示例或教程,我意识到它是通过 javascript 更改 div 属性完成的。我试过搜索,但我能找到的都是超过 5-6 年的过时文章,而且它们只完成了一半的工作。我什至不确定如何称呼此功能?

最佳答案

该网站正在使用 jQuery Scroll Follow .

请注意,根据 jQuery Scoll Follow 网站...

The Scroll Follow object will remain inside its immediate container.

... 因此,为什么滚动会在您的示例网站上的评论之前停止;在页面上滚动的元素被限制在其父元素内部 <aside>元素。 You can check out the example.

关于javascript - 向下滚动页面时修复一个 div,然后取消修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7956890/

相关文章:

html - 带有纯 CSS 的多边形按钮

HTML/CSS - 没有明显原因的页面滚动 (y)

javascript - HTML 重命名下载链接

javascript - 使用 javascript 的 ASP.NET 控件

javascript - 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮

javascript - 根据规范并排定位 CSS 中的两个元素

php - 禁用水平滚动

javascript - 我应该为 SPA 使用资源加载器,还是预先加载所有内容?

javascript - WinJS 变量仅在函数内部更改

html - 如何使对象相对于背景而不是浏览器窗口移动?