Гладкий ползунок (наведите курсор на ползунок): сдвиньте влево при наведении на левую часть и вправо при наведении на правую часть - PullRequest
Новая
       41

Гладкий ползунок (наведите курсор на ползунок): сдвиньте влево при наведении на левую часть и вправо при наведении на правую часть

0 голосов
/ 04 ноября 2019

Я создал несколько 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')
});
...