让 Snap Scrolling 在 Wordpress 中工作

Question

我想知道是否有人有幸让snap scrolling 在 Wordpress 中工作？我注意到 WPD SE 上有一个 5 年的 similar question 没有得到任何答案。

我正在使用 Divi 主题。 This 是我的测试页。

我使用this technique 来查找哪个元素拥有滚动条。元素是body。

所以我尝试了以下自定义 CSS 代码...

body {
  scroll-snap-type: y mandatory; 
}

然后，在我想要捕捉到的子 div 中添加：

scroll-snap-align: start;

这不起作用。所以我尝试将scroll-snap-type: y mandatory; 设置为#page-container，然后将#et-boc 设置为body 的两个子元素，它们也只是可视区域的高度。这也不起作用。

我已经设法在a CodePen 中实现快速滚动，所以我知道我的代码在理论上是正确的。

有什么想法吗？谢谢！

Answer 1

这也可以使用像Plus Addons 这样的插件，他们称之为full page scroll。基本上它是作为独立的全屏部分工作的定义部分。使用这些时要小心响应。