在 3 列之间独立滚动
Independent scroll between 3 columns
我想在 Wordpress 网站上的 3 列之间进行独立滚动，但我真的不知道该怎么做，以及使用什么更好的语言（JS，CSS？ ).
我有两个带有内容的侧边栏，您必须滚动才能看到侧边栏中的最后一个内容。
我在中心有一个容器，里面有新闻，当你在底部时，你有一个无限加载。
我想要做的是当用户在页面上滚动时，边栏和新闻内容在滚动，但是，当边栏中没有更多内容时，它们变成 "fixed" 并且只有新闻容器在滚动。
像这样：
你能帮帮我吗？
要为其中的每一个创建一个独立的滚动条，您所要做的就是在正确的选择器上设置一个 overflow: scroll; 属性 但是，缺点是仅设置溢出可能也可能导致水平滚动条。
有一个不稳定但被广泛采用的替代方案 overflow-y - overflow-y 像溢出一样工作，但只是垂直的。
因此设置 overflow-y: scroll; 最多只能显示一个垂直滚动条。
不建议使用 JS 执行此操作，因为它会阻塞您的滚动，而 CSS 不会。
JS 阻塞滚动的原因是因为在 JS 中你必须监听滚动事件，当用户滚动时这些事件通常每秒触发多次，'multiple' 我实际上是说 10到 100 次。因此，想象一下即使执行一点代码，如果该代码在任何地方出现错误，您都可以与用户说再见，因为他们的滚动速度会很慢。
页面上有自定义滚动条的机制存在，但也没有被广泛采用——正因为这个原因。这个概念很好，但对最终用户不利。
CSS 滚动条的缺点是它们将默认为浏览器滚动条，这在每个浏览器中都是不同的，不幸的是，它们的样式在所有浏览器中都以不同的方式实现，充其量是古怪的。
注意
如果您的网站是全屏的并且所有三列都独立滚动，则用户必须滚动 3 倍才能看到页面上的所有内容，这可能不是您想要的。此外，如果您将这些结构垂直堆叠在同一页面上，您将只能在滚动到至少一个内容块的末尾后才能进一步向下滚动。
例如，当用户不想看到顶部内容而只想看到底部内容时，这会激怒他们。
IMO 如果我的网站是全宽的，我不会寻求这样的解决方案，因为它会惹恼您的用户，但话又说回来，我不知道您要实现的目标的整个背景。
祝你好运！
我想在 Wordpress 网站上的 3 列之间进行独立滚动，但我真的不知道该怎么做，以及使用什么更好的语言（JS，CSS？ ).
我有两个带有内容的侧边栏，您必须滚动才能看到侧边栏中的最后一个内容。
我在中心有一个容器，里面有新闻，当你在底部时，你有一个无限加载。
我想要做的是当用户在页面上滚动时，边栏和新闻内容在滚动，但是，当边栏中没有更多内容时，它们变成 "fixed" 并且只有新闻容器在滚动。
像这样：
你能帮帮我吗？
要为其中的每一个创建一个独立的滚动条，您所要做的就是在正确的选择器上设置一个 overflow: scroll; 属性 但是，缺点是仅设置溢出可能也可能导致水平滚动条。
有一个不稳定但被广泛采用的替代方案 overflow-y - overflow-y 像溢出一样工作，但只是垂直的。
因此设置 overflow-y: scroll; 最多只能显示一个垂直滚动条。
不建议使用 JS 执行此操作，因为它会阻塞您的滚动，而 CSS 不会。
JS 阻塞滚动的原因是因为在 JS 中你必须监听滚动事件，当用户滚动时这些事件通常每秒触发多次，'multiple' 我实际上是说 10到 100 次。因此，想象一下即使执行一点代码，如果该代码在任何地方出现错误，您都可以与用户说再见，因为他们的滚动速度会很慢。
页面上有自定义滚动条的机制存在，但也没有被广泛采用——正因为这个原因。这个概念很好，但对最终用户不利。
CSS 滚动条的缺点是它们将默认为浏览器滚动条，这在每个浏览器中都是不同的，不幸的是，它们的样式在所有浏览器中都以不同的方式实现，充其量是古怪的。
注意
如果您的网站是全屏的并且所有三列都独立滚动，则用户必须滚动 3 倍才能看到页面上的所有内容，这可能不是您想要的。此外，如果您将这些结构垂直堆叠在同一页面上，您将只能在滚动到至少一个内容块的末尾后才能进一步向下滚动。
例如，当用户不想看到顶部内容而只想看到底部内容时，这会激怒他们。
IMO 如果我的网站是全宽的，我不会寻求这样的解决方案，因为它会惹恼您的用户，但话又说回来，我不知道您要实现的目标的整个背景。
祝你好运！