如何在内容长的页面上滚动?

时间:2017-09-18 23:42:00

标签: css scroll

我正在建立一个在侧边栏之间有2个侧栏和一列的网站。侧栏和中间栏都有很长的内容,迫使用户向下滚动。但这是问题所在。有时发布到中间列的帖子不像侧边栏那么长。我的意思是比侧边栏少。因此,如果用户向下滚动,它们会到达帖子的末尾,从那时起,中间列将为空,但侧边栏仍然有内容。我需要滚动,以便中间栏与侧边栏同时到达终点,无论哪个更长或更短!

如果您向下滚动此页面,您会发现有时侧边栏会移动,有时会移动到中间列:a link

1 个答案:

答案 0 :(得分:0)

我相信这可以通过css3属性position: sticky来完成。来自MDN

  

它被视为相对定位直到其包含块   超过指定的阈值,此时它被视为固定。

我的想法是修复(粘住)你的中间栏,直到侧边栏向下滚动。

此外,HERE是与您的问题相关的重要帖子,其中包括详细说明,警告和粘性填充。它们有两列:第一列(名为"向下滚动!"),可以视为左侧边栏,第二列(名为"侧边栏"),可以视为你的中间栏目。