Правки в слайдере HTML + CSS + JS
700 UAHНа сайте реализована горизонтальная навигация между полноэкранными секциями с помощью GSAP и прокрутки колесиком мыши. Внутри некоторых из этих секций находятся слайдеры Swiper с множеством слайдов.
Сделать поведение прокрутки интуитивно понятным и логичным:
При попадании на секцию с активным Swiper-слайдером, нужно приостановить переход к следующей секции.
Далее, пользователь прокручивает слайды внутри этой секции с помощью колесика мыши.
Только достигнув последнего слайда, происходит переход к следующей секции.
Аналогично и при прокрутке в обратную сторону:
При попадании на секцию со слайдером, где показан последний слайд, прокрутка колесиком ведёт сначала к первому слайду, и только затем — к предыдущей секции.
HTML-верстка и основная логика уже готовы, но есть проблемы с корректной остановкой прокрутки и скроллом внутри Swiper - переходы между слайдами и секциями происходят не всегда предсказуемо. Так же пофиксить это все на мобильной версии. В видео все показал и обьяснил:
Кто дочитал до конца тот молодец. Кто робот - тот пишет число 1010. Кто человек - 7.
Цену предлагаем. Сроки - срочно)
Видео обяснение:
https://youtu.be/DuvJ0x2us5g
Сайт:
http://horiuk.site/testcaspi
-
Привет, я работал над **горизонтальной навигацией между секциями с помощью Swiper-слайдеров**, где реализовал плавный скролл с интеграцией пользовательских колесных событий — обработка более 20 слайдов и 5 секций. ️
Есть ли сейчас возможность отличить прокрутку внутри слайдера от перехода между секциями на мобильных устройствах?
Предлагаю связаться, я бесплатно проконсультирую вас с технической стороны и составим план разработки + расскажу о моей команде!
-
690 2 0 7
Ознакомился с ТЗ. Готов начать выполнение задания прямо сейчас
-
100 Здравствуйте,
Я работаю с HTML, CSS и JavaScript и уверена, что смогу реализовать описанное вами поведение прокрутки с использованием GSAP и Swiper слайдеров.
Готова приступить к работе и выполнить задачу качественно и в срок.
И, как вы просили — число 7.
С уважением,
… Каріна
-
94002 1264 1 10 Здравствуйте.Работаю с JavaScript.Готов к сотрудничеству.Обращайтесь
-
21 Готов сделать пишит
----------------------------------------
-
475 2 0 Здравствуйте! Готов обсудить и приступить к выполнению! 7)
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/