带有鼠标滚轮的 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

因为你"snap"它是<section>，而你的"upper html"是<div>。将所有您想成为 "snapable" 的部分包裹在 <section></section>.

中