标签: css scroll
我正在建立一个在侧边栏之间有2个侧栏和一列的网站。侧栏和中间栏都有很长的内容,迫使用户向下滚动。但这是问题所在。有时发布到中间列的帖子不像侧边栏那么长。我的意思是比侧边栏少。因此,如果用户向下滚动,它们会到达帖子的末尾,从那时起,中间列将为空,但侧边栏仍然有内容。我需要滚动,以便中间栏与侧边栏同时到达终点,无论哪个更长或更短!
如果您向下滚动此页面,您会发现有时侧边栏会移动,有时会移动到中间列:a link。
答案 0 :(得分:0)
我相信这可以通过css3属性position: sticky来完成。来自MDN:
position: sticky
它被视为相对定位直到其包含块 超过指定的阈值,此时它被视为固定。
我的想法是修复(粘住)你的中间栏,直到侧边栏向下滚动。
此外,HERE是与您的问题相关的重要帖子,其中包括详细说明,警告和粘性填充。它们有两列:第一列(名为"向下滚动!"),可以视为左侧边栏,第二列(名为"侧边栏"),可以视为你的中间栏目。