如何使用jQuery单页滚动插件滚动大页面

How to scroll with large pages with jQuery onepage-scroll plugin?

本文关键字：滚动 插件 jQuery 单页 何使用      更新时间：2023-09-26

我发现了一个名为onepage scroll的伟大插件，它满足了我的需求，除了一件事。我的一些页面（<section>标签）可以大于一个屏幕。我如何自定义它，使它只在完成"；常规的"；滚动，在部分内？

我试图更改css规则：

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

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

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

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

您可能需要使用fullPage.js。有一个名为scrollOverflow的选项，它允许您在部分内部滚动，如您在本例

中所见

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

相关文章：