javascript - 如何使用 jQuery onepage-scroll 插件滚动大页面？

Question

我发现了这个很棒的插件，叫做 onepage-scroll ，这满足了我的需求，除了一件事。我的一些页面(<section> 标签)可能大于一个屏幕。我如何对其进行自定义，使其仅在完成该部分内的“常规”滚动时才滚动？

我试图改变 css 规则:

.onepage-wrapper {
  width: 100%;
  /*height: 100%;*/
  height:200%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}

但它仍然滚动到下一页，滚动一次。

我试图让它滚动到该部分的底部(高度 > 100%)，然后滚动到下一页。

任何帮助将不胜感激。谢谢!

Answer 1

您可能想使用 fullPage.js反而。有一个名为 scrollOverflow 的选项，它允许您在内部滚动，如您在 this example 中所见。