3列之间的独立滚动

Question

我想在Wordpress站点上的3列之间做一个独立的滚动，但是我真的不知道我如何做到这一点，以及使用什么更好的语言(JS，CSS?)我有两个包含内容的侧栏，您必须滚动以查看侧栏中的最后一个内容。我在中心有一个容器，里面有新闻，当你在底部的时候，你有一个无限的负荷。我想做的是当用户在页面上滚动，边栏和新闻内容正在滚动，但是当边栏中没有更多的内容时，它们变成“固定的”，只有新闻容器在滚动。就像这样：

​

你能帮帮我吗？

Answer 1

您只需为每个选项创建一个独立的滚动条，只需在右边的选择器上设置一个overflow: scroll;属性，但缺点是，仅设置溢出可能也会导致水平滚动条。

有一个不稳定但被广泛采用的替代方案，即overflow-y - overflow-y的工作方式类似于溢出，但仅是垂直的。

因此，设置overflow-y: scroll;最多允许出现垂直滚动条。

不建议使用JS这样做，因为它会阻塞您的滚动，而CSS没有。

JS阻塞卷轴的原因是，在JS中，您必须侦听滚动事件，当用户以每秒多次的速度滚动滚动时，我的意思实际上是10到100次。因此，想象一下，即使执行一点点代码，如果代码在任何地方被窃听，您就可以向您的用户告别，因为他们会有如此缓慢的滚动。

页面上存在自定义滚动条的机制，但它也没有被广泛采用--正是因为这个原因。这个概念是好的，但它只是对最终用户不利。

CSS滚动条的缺点是它们默认为浏览器滚动条，这在每个浏览器中都是不同的，不幸的是，这些滚动条的样式在所有浏览器中都是不同的，而且充其量也很奇怪。

注意事项

如果您的网站是全屏的，并且所有三列都独立滚动，用户在看到页面上的所有内容之前，必须完成滚动量的3倍，这可能不是您想要的。另外，如果您将这些构造垂直堆叠在同一个页面上，那么只有当您滚动到至少一个内容块的末尾时，您才能进一步向下滚动。

例如，当用户不想看到最上面的内容而只想看到最底层的内容时，这会激怒他们。

海事组织，如果我的网站是全面的，我不会选择这样的解决方案，因为它会惹恼你的用户，但话说回来，我不知道整个上下文，你想要实现什么。

祝好运!