滑动滑块(将鼠标悬停在滑块上):将鼠标悬停在左侧向左滑动,将鼠标悬停在右侧向右滑动

我创建了一些可在滑块悬停时滑动的JavaScript: -将鼠标悬停在滑块的左侧=向左滑动。 -将鼠标悬停在滑块的右侧=向右滑动。

我已经测试了很多东西,这是唯一可行的方法。 如果你们中的任何人从我的代码中有更好的解决方案或优化的解决方案,那就太好了! 预先感谢!

var position;
var infiniteLoop;
var itemInterval = 1000;

function StopAndClean() {
    clearInterval(infiniteLoop);
    stop();
}
jQuery(".slick-slider").on('mouseover',function(e) {
    if ((e.pageX) < jQuery("#team").width() / 2) {
        StopAndClean();
        console.log('hover-left-and-slide');
        infiniteLoop = setInterval(function() {
            jQuery('.slick-slider').slick('slickPrev')
        },itemInterval);
    } else {
        console.log('hover-right-and-slide');
        StopAndClean();
        infiniteLoop = setInterval(function() {
            jQuery('.slick-slider').slick('slickNext')
        },itemInterval);
    }
});
jQuery(".slick-slider").on('mouseout',function(e) {
    StopAndClean();
    console.log('mouse-leave');
    jQuery('.slick-slider').slick('slickPlay')
});
s19870418 回答:滑动滑块(将鼠标悬停在滑块上):将鼠标悬停在左侧向左滑动,将鼠标悬停在右侧向右滑动

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3165235.html

大家都在问