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 个答案: