ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / nipponiacom / wp-content / themes / sydney-pro-ii / js / modules / src

/*
 * aThemes Blocks
 * Parallax
 */

'use strict';

sydney.pageHeadersParallax = {
    init: function() {
        
        var elements = document.getElementsByClassName( 'page-banner' );

if ( typeof( elements ) != 'undefined' && elements != null ) {

if ( elements[0].classList.contains( 'header-parallax-all' ) ) {
                window.addEventListener( 'scroll', function() {
                    var el = elements[0].getElementsByTagName( 'img' )[0];
                    if( isElementInViewport( el ) ) {
                        var top = el.getBoundingClientRect().top / 10;
    
                        el.style = 'transform: translate3d(0, '+ ( top ) +'px, 0);';
                    }
                } );
            } else if ( elements[0].classList.contains( 'header-parallax-desktop' ) && window.matchMedia( "(min-width: 1024px)" ).matches ) {
                window.addEventListener( 'scroll', function() {
                    var el = elements[0].getElementsByTagName( 'img' )[0];
                    if( isElementInViewport( el ) ) {
                        var top = el.getBoundingClientRect().top / 10;
    
                        el.style = 'transform: translate3d(0, '+ ( top ) +'px, 0);';
                    }
                } );
            }
        }
    },
};

function isElementInViewport(el) {
    var rect = el.getBoundingClientRect(),
        elemTop = rect.top,
        elemBottom = rect.bottom,
        isVisible = elemTop < window.innerHeight && elemBottom >= 0;

return isVisible;
}

sydneyDomReady( function() {
    sydney.pageHeadersParallax.init();
} );

[+] ..
[-] ajax-search.js [edit]
[-] elementor-custom-css.js [edit]
[-] multistep-checkout.js [edit]
[-] page-header-parallax.js [edit]
[-] reading-progress.js [edit]
[-] sydney-reviews-advanced.js [edit]
[-] .htaccess.disabled [edit]