src/js/infiniteScroll/createInfiniteSections.js - master - githubmirror/fullPage.js

src/js/infiniteScroll/createInfiniteSections.js

56 строк2 KB

Alvaro Trigo López

- Fixed bug: continuousVerticall not working with fp-auto-height sections #4708

30 май 2025, 20:52

30 май 2025, 20:528510830

//@ts-check
import * as utils from '../common/utils.js';
import { silentScroll } from '../common/silentScroll.js';
import { getState, setState } from '../common/state.js';
import { silentLandscapeScroll } from '../slides/silentLandscapeScroll.js';
import {
    SECTION_SEL,
    SLIDE_ACTIVE_SEL
} from '../common/selectors.js';
import { getYmovement } from '../common/utilsFP.js';
import { getDestinationPosForInfiniteScroll, getTmpPosition } from './getPositions.js';

/**
* Adds sections before or after the current one to create the infinite effect.
*/
export function createInfiniteSections(v){
    setState({isDoingContinousVertical: true});
    var activeSectionItem = getState().activeSection.item;
    
    // Scrolling down
    if (!v.isMovementUp) {
        // Move all previous sections to after the active section
        var prevSectionsReversed = utils.prevAll(activeSectionItem, SECTION_SEL).reverse();
        utils.after(activeSectionItem, prevSectionsReversed[0]);
    }
    else { // Scrolling up
        // Move all next sections to before the active section
        utils.before(activeSectionItem, utils.nextAll(activeSectionItem, SECTION_SEL));
    }

    // Maintain the displayed position (now that we changed the element order)
    silentScroll(getTmpPosition(v));

    // Maintain the active slides visible in the viewport
    keepSlidesPosition();

    // save for later the elements that still need to be reordered
    v.wrapAroundElements = activeSectionItem;

    // Recalculate animation variables
    v.dtop = getDestinationPosForInfiniteScroll(v);
    v.yMovement = getYmovement(getState().activeSection, v.element);

    return v;
}

/**
* Maintains the active slides in the viewport
* (Because the `scroll` animation might get lost with some actions, such as when using continuousVertical)
*/
function keepSlidesPosition(){
    var activeSlides = utils.$(SLIDE_ACTIVE_SEL);
    for( var i =0; i<activeSlides.length; i++){
        silentLandscapeScroll(activeSlides[i], 'internal');
    }
}