整页.js从一个部分跳到另一个部分时如何控制滚动速度
fullpage.js How do I control the scrolling speed when jumping from one section to another?
我正在使用整页.js,其中包含很多部分和锚链接,从我所看到的滚动速度是相同的,锚定部分只是下一个或说 3 或 5 个部分之后。
因此,例如,如果我想使用锚链接从页面的顶部转到最后一部分,则在到达最后一个之前,中间的所有部分都将以光速显示和滚动,这有点问题。
如何根据两个部分之间的距离更改此速度?
我从未使用过这个,但根据他们的文档,我相信可以使用onLeave
事件来完成:
$('#fullpage').fullpage({
onLeave: function(index, nextIndex, direction){
var idx = Math.abs(index - nextIndex)*.1;
$.fn.fullpage.setScrollingSpeed(idx*700);
}
})
您可以通过调整.1
来更改"强度"。
相关文章:
- Node.js使用Series函数(模式?)实现流控制时出现意外结果
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- "访问控制允许起源”;通过javascript从http页面调用同一网站的httpsurl时出现问题
- PhantomJs在控制台中发出http请求时不会返回任何状态
- 比较两个值时出现JavaScript输出和控制流错误
- Applescript JavaScript“;行尾但找到标识符“;控制Google Chrome时出错
- Twitter Bootstrap Carousel 在向左或向右滑动控制时不断向上移动
- 为什么我的Alexa技能测试显示正确的lambda输出,但在开发人员控制台中测试时却给出错误消息
- 主干.js视图不会在页面加载时显示,但可以在控制台中与 jQuery 配合使用
- Jquery事件绑定获胜'当作为方法调用时不起作用,但当直接在控制台中调用时会起作用
- 删除"在JavaScript控制台中打印数组时
- 为什么当我分配给element.style时,我的元素的样式没有改变
- jQuery 数据表 在页面上导航时,在分页表上重置行的数据
- 网格分页栏在重新加载时未更新
- 有没有办法在使用 html 输出标签时控制图像的大小
- EXTJS 3,如何手动控制分页事件
- 在拉斐尔.js中,控制悬停时元素的顺序
- 当我无法控制html时,如何向元素添加事件处理程序
- HTML5音频记录可以保存文件,但通过音频控制播放时没有声音
- 我如何控制渲染时三个js场景