我正在尝试使用脚本 Scrollify ( https://github.com/lukehaas/Scrollify ) 但我的部分比用户的屏幕长,这意味着您首先必须向下滚动才能看到该内容的内容。
但是,Scrollify 不会让这种情况发生,而是会立即滚动到新部分。
有没有办法修改 Scrollify 和/或使用另一个脚本来配合我想做的事情?
我正在尝试使用脚本 Scrollify ( https://github.com/lukehaas/Scrollify ) 但我的部分比用户的屏幕长,这意味着您首先必须向下滚动才能看到该内容的内容。
但是,Scrollify 不会让这种情况发生,而是会立即滚动到新部分。
有没有办法修改 Scrollify 和/或使用另一个脚本来配合我想做的事情?
Scrollify 最近收到了一些更新,可以解决您遇到的问题。
Scrollify 现在有额外的选项、方法和回调,它现在可以很好地与触控板、Apple Magic 鼠标和动态滚动配合使用。
您可以通过使用fullPage.js轻松实现这一目标。如果您想保持滚动条与滚动条一样,只需使用此示例中scrollBar:true
的选项即可。
使用该选项,您可以解决您的问题,如您在此示例scrollOverflow:true
中所见。
scrollOverflow:(默认为 false)定义是否为该部分创建滚动,以防其内容大于其高度。当设置为 true 时,您的内容将被插件包装。考虑在 afterRender 回调中使用委托或加载其他脚本。如果将其设置为 true,则需要供应商插件 jquery.slimscroll.min,并且应在 fullPage.js 插件之前加载。
此外,fullPage.js: