滑块导致在移动设备上滚动时滚动出现毛刺

时间:2018-09-10 10:34:11

标签: jquery animation scroll slider

我仅在移动设备上有一个滑块,当动画在幻灯片之间渐隐时,它使您无法滚动。谁能告诉我为什么会这样吗?

var mobile_slider_interval;

jQuery(document).ready(function(){

    mobile_slider();

});

$(function(){

    $( window ).resize(function() {
        mobile_slider();
    });

});

function mobile_slider() {

    clearInterval(mobile_slider_interval);

    if ($(window).width() < 800) {
        $('section.mobiles .mobiles-column:gt(0)').hide();
        mobile_slider_interval = setInterval(function () {
            $('section.mobiles .mobiles-column:first-child').fadeOut(1000).removeClass('active-mobile')
                .next('.mobiles-column').fadeIn(1000).addClass('active-mobile')
                .end().appendTo('section.mobiles');
        }, 4000);
    } else {
        $('section.mobiles .mobiles-column').show();
    }

}

0 个答案:

没有答案