整页更改特定部分的滚动速度

fullpage change scrollingspeed on specific sections

本文关键字：滚动 速度 定部      更新时间：2023-09-26

当我初始化整页时.js我使用以下函数。但是有没有办法更改特定部分的滚动速度？

$(document).ready(function() {
$('#fullpage').fullpage({
    //Navigation
    anchors:['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21'],
    navigation: false,
    //Scrolling
    css3: true,
    scrollingSpeed: 700,
    autoScrolling: true,
    scrollBar: false,
    easing: 'easeInQuart',
    easingcss3: 'ease',
    loopBottom: false,
    loopTop: false,
    loopHorizontal: true,
    continuousVertical: false,
    scrollOverflow: false,
    touchSensitivity: 15,
    normalScrollElementTouchThreshold: 15
});

您可以使用fullPage.js提供的函数setScrollingSpeed。

从文档中：

设置滚动速度（毫秒）

定义滚动速度（以毫秒为单位）。

$.fn.fullpage.setScrollingSpeed(700);

然后使用回调afterLoad或onLeave您可以将速度设置回所需部分的速度。

如果你想对特定部分有特定的速度，你必须在该部分声明一些ID。这个想法是分离不同的部分并将它们全部初始化。然后你可以这样做：

$('#YourSection').fullpage({
    //Navigation
    anchors:['some anchors'],
    navigation: false,
    //Scrolling
    css3: true,
    scrollingSpeed: your specific speed,
    autoScrolling: true,
    scrollBar: false,
    easing: 'easeInQuart',
    easingcss3: 'ease',
    loopBottom: false,
    loopTop: false,
    loopHorizontal: true,
    continuousVertical: false,
    scrollOverflow: false,
    touchSensitivity: 15,
    normalScrollElementTouchThreshold: 15
});
相关文章：