fullPage.js是一个流行的全屏滚动插件,它包含了缓动效果来实现平滑的滚动过渡。如果你想要不使用缓动效果的fullPage.js,可以按照以下方法进行修改:
1.找到fullPage.js的源代码文件,通常是fullpage.js或fullpage.min.js。
2.搜索并找到名为"easingcss3"的函数,这个函数是fullPage.js用来应用缓动效果的地方。
3.注释掉或删除掉这个函数的代码块,这样就不会再应用缓动效果了。代码示例:
// easingcss3: function(t) {
// var e = this,
// n = [],
// i = e.curTop > e.prevTop ? "down" : "up";
// return (
// "close" === e.options.navigationTooltips[e.activeSection - 1]
// ? ((e.options.navigationTooltips[e.activeSection - 1] = e.getSectionByIndex(
// e.activeSection - 1
// ).anchor), (e.options.navigationTooltips[e.activeSection - 1] = e.getSectionByAnchor(
// e.options.navigationTooltips[e.activeSection - 1]
// ).index))
// : (e.options.navigationTooltips[e.activeSection - 1] &&
// (e.anchorHelper.removeTooltip(
// "fullPage_slidesTooltip" + e.options.navigationTooltips[e.activeSection - 1]
// ),
// e.options.navigationTooltips[e.activeSection - 1] = null)),
// n[e.sectionIndex] = i,
// n[e.activeSection] = t,
// t
// );
// }
4.保存并应用修改后的fullPage.js文件。
这样修改后的fullPage.js将不再使用缓动效果,而是直接切换到目标滚动位置。请注意,修改插件源代码可能会导致与原始版本不兼容,升级插件时需要特别注意。
上一篇:不使用缓冲区对连续数字进行洗牌