使用Scrollify时闪烁

时间:2018-01-29 12:50:57

标签: jquery-scrollify

尝试在常规的scrollify面板和interstitialSection之间滚动时,我似乎遇到了问题。我需要将interstitialSection中的元素添加到standardScrollElements,因为它们需要可滚动。

当您在桌面上快速滚动时,会出现闪烁现象,使用移动设备时会出现其他问题,例如在滚动时无法启用滚动。当您清除'StandardScrollElements'时,它会停止闪烁,但不允许主要在移动设备上滚动幻灯片上的内容。

    $.scrollify({
        section: ".slide",
        scrollbars: true,
        easing: "easeOutExpo",
        scrollSpeed: 800,
        updateHash: false,
        standardScrollElements: ".footer-content,.news",
        interstitialSection: ".slide-content,.clients,footer",
        before: function () {
        },
        after: function (i) {
            $.scrollify.current().find("[data-animated]").each(function () {
                var animClass = $(this).attr("data-animated");
                $(this).addClass("animated");
                $(this).addClass(animClass);
            });
        },
        afterRender: function () {
            $.scrollify.current().find("[data-animated]").each(function () {
                var animClass = $(this).attr("data-animated");
                $(this).addClass("animated");
                $(this).addClass(animClass);
            });
        }
    });

0 个答案:

没有答案