gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 10:52:16 29 4
gpt4 key购买 nike

我试图让侧边栏 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/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com