如何使用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

中看到内部滚动

Answer 2

虽然这是一个不太理想的解决方案，但我们遇到了同样的问题，并发现使用iframe可以使用jquery onepage scroller作为提供此功能的解决方案。