scrollSnap js 阻力与鼠标滚轮

Question

我正在使用https://github.com/electerious/scrollSnap 来捕捉我网站中的部分，但我不明白，因为当我使用鼠标滚轮时，马赛克网格和下面的部分之间存在阻力。

如果我使用滚动条，我可以在马赛克下的部分之间捕捉。

<script>
  scrollSnap.init({
    elements: document.querySelectorAll('section'),
    minWidth: 600,
    minHeight: 400,
    detectMobile: true,
    keyboard: true,
    duration: 20,
    timing: scrollSnap._timing
  })
  </script>

Answer 1

因为您将其“捕捉”到 <section>，而您的“上部 html”是 <div>。将所有你想要“可对齐”的部分包裹在 <section></section> 中。