Гладкая прокрутка + параллакс - PullRequest
Новая
       5

Гладкая прокрутка + параллакс

0 голосов
/ 08 сентября 2018

Я использую плагин с гладкой полосой прокрутки

https://github.com/idiotWu/smooth-scrollbar

но моя доза кода параллакса не работает, потому что не запускается событие прокрутки собственного окна. Есть ли способ использовать встроенную прокрутку на полосе плавной прокрутки во время прокрутки?

Это то, что я использую для параллакса 

    jQuery("[data-parallax]").each(function () {
    var $this = jQuery(this);


    var animetl = anime.timeline({autoplay: false});
    var properties = {
        targets: $this[0],
        easing: "linear"
    };

    // Parse properties from attribute and add them to properties object
    jQuery.each($this.attr("data-parallax").split(/[,\s]+(?={)/), function (i, value) {
        //console.log(value);
        jQuery.extend(properties, eval("(" + value + ")"));
        //console.log(properties);
    });

    animetl.add(properties); // add options object to timeline

    var parallaxSetup = function () {
        var bound = $this[0].getBoundingClientRect();
        var wHeight = jQuery(window).height();

        console.log(wHeight);

        if (bound.top < wHeight && bound.bottom > 0) {
            animetl.seek(animetl.duration * ((wHeight - bound.top) / (wHeight + bound.height)).toFixed(3));
        } else {
            if (bound.top >= wHeight) {
                animetl.seek(0);
            } else if (bound.bottom <= 0) {
                animetl.seek(animetl.duration);
            }
        }
    };

    jQuery(window).on("resize scroll", parallaxSetup);
    setTimeout(parallaxSetup, 50);
});
...