CSS快照滚动：如何在div中间引发快照滚动？

Question

我有一个网站，可以在其中滚动滚动标题。 我现在正在实施CSS快照滚动到整个站点。 因此，当用户向下滚动时，javascript中的滚动事件显然不会触发。 我该如何解决这个问题？

我对此很陌生，因此我还没有尝试使用任何库，并且暂时避免这样做。

Answer 1

Scrollsnapping应该不会干扰scrollEvent。 请参阅此CodePen以获得最小的工作示例。 打开控制台并滚动，在那里您将看到scrollEvent触发。

 document.addEventListener('scroll', (event) => console.log(event));

 body { margin: 0; scroll-snap-type: y mandatory; } div { height: 100vh; scroll-snap-align: start; } div:nth-child(odd) { background-color: #7FDBFF ; }

 <html> <body> <div></div> <div></div> <div></div> <div></div> </body> </html>

您能否提供有关特定问题的代码示例？ 这样可以更轻松地为您提供帮助。

CSS快照滚动：如何在div中间引发快照滚动？

问题描述

1 个解决方案

解决方案1
0 2019-08-28 14:01:01

CSS快照滚动：如何在div中间引发快照滚动？

问题描述

1 个解决方案

解决方案1 0 2019-08-28 14:01:01

解决方案1
0 2019-08-28 14:01:01