滚动部分滚动溢出

Question

我正在尝试使用脚本Scrollify（https://github.com/lukehaas/Scrollify），但我的部分比用户的屏幕更长，这意味着您首先必须向下滚动才能看到内容＆＃39;内容。

但是，Scrollify并不会让这种情况发生，只会立即滚动到新的部分。

有没有办法修改Scrollify和/或使用另一个脚本来帮助我做它想做的事情？

Answer 1

Scrollify最近收到了许多可以解决您遇到的问题的更新。

Scrollify现在有其他选项，方法和回调，现在它可以很好地用于触控板，Apple Magic鼠标和动态滚动。

Answer 2

您可以使用fullPage.js轻松实现这一目标。如果您想保持滚动条的滚动条，只需使用scrollBar:true选项scrollOverflow:true即可。

使用选项{{1}}可以解决您的问题，因为您可以看到as in this example。

来自in this example：

  

scrollOverflow：（默认为false）定义是否为该部分创建滚动，以防其内容大于其高度。设置为true时，您的内容将被插件包装。考虑使用委托或在afterRender回调中加载其他脚本。如果将其设置为true，则需要供应商插件jquery.slimscroll.min，并且应该在fullPage.js插件之前加载它。

此外，fullPage.js：

• 提供更多选项，方法和回调。
• 如果可能，它使用css3转换，在平板电脑和手机中表现更佳。
• 解决Apple笔记本电脑触控板，Apple魔术鼠标和任何动态滚动的问题。
• 提供fullPage.js documentation