在各地搜索了这个问题的解决方案,并试图使用一些像jQuery Way-points这样的插件,没有任何成功,我希望这里的某个人能够为此提供解决方案.
由于用文本解释有点复杂,我创建了一个行为图.
请参阅此链接,因为垃圾邮件过滤器不允许我发布和图像:
根据内容,所有元素都具有可变高度.
侧边栏比页面内容短得多,
一旦侧边栏div的底部进入视口,
它将保持固定在该位置,而其余内容将继续正常滚动.
直到侧边栏到达页脚,它将正常向上滚动页脚.
当用户向与页面顶部相反的方向滚动时,这也可以反向工作.
jquery scroll sidebar fixed sticky
fixed ×1
jquery ×1
scroll ×1
sidebar ×1
sticky ×1