«Как включить прокрутку колесика мыши Slick Slider и исправить положение раздела при прокрутке?» ⇐ Jquery

[Гость]

У меня проблема: я сделал плавный слайдер, который работает с колесиком мыши, но есть две проблемы: первая: я хочу, чтобы, когда я доберусь до этого раздела, мое окно остановилось, и мой плавный слайдер на колесике мыши был бы start, и я его не понимаю, и вторая проблема заключается в том, что я сделал плавный ползунок на колесике мыши, но когда я достиг длины плавного ползунка, я не могу прокручивать свое окно, я хочу, когда длина моего плавного ползунка закончится, поэтому мое окно начните прокручивать. Сначала исправили мой основной раздел, чтобы пользователь мог знать, что это удобный слайдер. и во-вторых, когда длина скольжения заканчивается при нажатии мыши, поэтому прокрутка моего окна начинается аналогично при подъеме мыши.

Посетите нашу команду в выставочном зале Бербанка, Калифорния, чтобы обсудить ваш следующий проект.
Принесите или отправьте нам нужный вам продукт в упаковке. Индивидуальная линия штампа и образец вырезки CAD могут быть изготовлены и возвращены в течение 24-48 часов.
$(document).ready(function () { пусть blockTimeout = null; пустьallowScrollDown = ложь; пусть слайдерИнициализированный = ложь; если (!sliderInitialized) { $(".slick-title").slick({ слайдыToShow: 1.3, бесконечный: ложный, точки: ложь, стрелки: ложь, отзывчивый: [ { точка останова: 1024, настройки: { слайдыToShow: 1, }, }, ], }); слайдерИнициализированный = правда; } // Добавляем функциональность колеса мыши к слайдеру // Получаем длину гладкого ползунка var item_length = $('.slick-title > div').length; console.log(длина_элемента); $(".slick-title").on("mousewheel DOMMouseScroll колесо", function mouseWheel(e) { вар deltaY = e.originalEvent.deltaY; е.preventDefault(); е.stopPropagation(); ClearTimeout (blockTimeout); blockTimeout = setTimeout(функция () { заблокирован = ложь; }, 50); если ( (deltaY > 0 && !$(".slick-title").slick("slickNext")) || (deltaY < 0 && !$(".slick-title").slick("slickPrev")) ) { $(".slick-title").off("колесо мыши DOMMouseScroll колесо"); if (allowScrollDown && deltaY > 0) { console.log("разрешить"); возвращаться; } } иначе если (deltaY > 0) { $(".slick-title").slick("slickNext"); console.log(длина_элемента); } еще { $(".slick-title").slick("slickPrev"); console.log(длина_элемента); } var index = $(".slick-title").slick("slickCurrentSlide"); console.log(индекс, «проверка»); }); }); $(документ).ready(функция () { пусть blockTimeout = null; пустьallowScrollDown = ложь; пусть слайдерИнициализированный = ложь; если (!sliderInitialized) { $(".slick-title").slick({ слайдыToShow: 1.3, бесконечный: ложный, точки: ложь, стрелки: ложь, отзывчивый: [ { точка останова: 1024, настройки: { слайдыToShow: 1, }, }, ], }); слайдерИнициализированный = правда; } // Добавляем функциональность колеса мыши к слайдеру // Получаем длину гладкого ползунка var item_length = $('.slick-title > div').length; console.log(длина_элемента); $(".slick-title").on("mousewheel DOMMouseScroll колесо", function mouseWheel(e) { вар deltaY = e.originalEvent.deltaY; е.preventDefault(); е.stopPropagation(); ClearTimeout (blockTimeout); blockTimeout = setTimeout(функция () { заблокирован = ложь; }, 50); если ( (deltaY > 0 && !$(".slick-title").slick("slickNext")) || (deltaY < 0 && !$(".slick-title").slick("slickPrev")) ) { $(".slick-title").off("колесо мыши DOMMouseScroll колесо"); if (allowScrollDown && deltaY > 0) { console.log("разрешить"); возвращаться; } } иначе, если (deltaY > 0) { $(".slick-title").slick("slickNext"); console.log(длина_элемента); } еще { $(".slick-title").slick("slickPrev"); console.log(длина_элемента); } var index = $(".slick-title").slick("slickCurrentSlide"); console.log(индекс, «проверка»); }); }); Я пытался остановить это, но не решил проблему. а также попытайтесь исправить мой основной раздел fix-marque-main. имейте в виду, что он находится в центре контейнера