полная скорость изменения прокрутки по конкретным разделам

Question

Когда я инициализирую fullpage.js, я использую функцию ниже. Но есть ли способ изменить scrollingSpeed ​​в определенных разделах?

$(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 
}); 

Answer 1

Вы можете использовать функцию setScrollingSpeed предоставленную fullPage.js.

От the documentation:

setScrollingSpeed ​​(миллисекунды)

Определяет скорость прокрутки в миллисекундах.

$.fn.fullpage.setScrollingSpeed(700); 

Затем, используя функцию обратного вызова afterLoad или onLeave вы можете установить скорость обратно на тот, который вы хотите для секций, которые вы хотите.

Answer 2

Если и хочет иметь определенную скорость на конкретные участки, вы должны объявить некоторые идентификаторы на Идее отделов является разделите различные части и инициализировать их всех индивидуальный. Тогда вы можете сделать это:

$('#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 
});