BossBey File Manager

Editing: sticky-content-change.js

/**
 * Sticky Content Change for WPBakery Page Builder
 * 
 * @package Porto Functionality
 * @since 3.4.0
 */

'use strict';

if ( pluginOptions.containerSelector && $( ".gsap-content-marker" ).length && typeof gsap != 'undefined' ) {
                        /*
                        * Image Change
                        */
                        gsap.defaults({ overwrite: 'auto'});
                        // Set up our scroll trigger
                        const ST = ScrollTrigger.create({
                            trigger: pluginOptions.containerSelector,
                            start: "top top",
                            end: "bottom center",
                            onUpdate: getCurrentSection
                        });

// Handle the updated position
                        var lastContent;
                        function getCurrentSection() {
                            let newContent;
                            const currScroll = scrollY;

// Find the current section
                            contentMarkers.forEach(marker => {
                                if (currScroll > ($(marker).offset().top - 100)) {
                                    newContent = marker.content;
                                }
                            });
                        
                            // If the current section is different than that last, animate in
                            if (newContent &&
                                (lastContent == null ||
                                    !newContent.isSameNode(lastContent))) {
                                // Fade out last section
                                if (lastContent) {
                                    lastContent.leave();
                                }
                        
                                // Animate in new section
                                newContent.enter();
                                if ( $( pluginOptions.containerSelector ).hasClass( 'gsap-sticky-initial' ) ) {
                                    $( pluginOptions.containerSelector ).removeClass( 'gsap-sticky-initial' );
                                    $( firstEl ).css( { 'position': 'absolute', 'opacity': 0, 'visibility': 'hidden' } );
                                }

$( newContent ).siblings().css( 'position', 'absolute' ).removeClass( 'sticky-active-change-content' );
                                $( newContent ).css( 'position', 'relative' ).addClass( 'sticky-active-change-content' );
                                $( newContent ).closest( '.pin-wrapper' ).height( $( newContent ).height() );
                                lastContent = newContent;
                            }
                        
                        }

}
                }
            }
        }
    }

if ( theme.isReady ) { // Finish init
        stickyContentChange( $( document.body ) );
    }
    $( document.body ).on( 'porto_init', function( e, $wrap ) {
        stickyContentChange( $wrap );
    } );
})(jQuery, window.theme);

Cancel