Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Остановить скролинг на определенном DIV (https://javascript.ru/forum/dom-window/86213-ostanovit-skroling-na-opredelennom-div.html)

ajaxst 17.12.2024 05:13

Остановить скролинг на определенном DIV
 
Добрый день, как сделать так что бы не использовалась функция скролинга на определенном DIV при пролистывании сайта
Поскольку в данном блоке используется карусель из фото.

Micender 19.08.2025 10:58

Вы можете отключить прокрутку для этого DIV с помощью event.preventDefault() в обработчике wheel, либо задать CSS overflow: hidden для блока. Это остановит вертикальный скролл внутри карусели. @doodle jump

akiraki22lvl 10.09.2025 16:43

Можно, например, перехватить событие прокрутки внутри этого блока и отменить его действие. Если используете JS/jQuery, то можно добавить что-то вроде:

const carousel = document.querySelector('.your-carousel-div');

carousel.addEventListener('wheel', function(e) {
  e.stopPropagation(); // запрещает прокрутку "пробрасываться" дальше
}, { passive: false });



Таким образом, скролл будет работать в остальной части сайта, но при наведении на карусель сам блок не будет прокручиваться вместе со страницей.

Agaim1946 01.12.2025 04:44

Цитата:

Сообщение от ajaxst (Сообщение 556634)
Добрый день, как сделать так что бы не использовалась функция скролинга block blast на определенном DIV при пролистывании сайта
Поскольку в данном блоке используется карусель из фото.

Если у вас есть колесо внутри DIV, и когда пользователь прокручивает страницу, прокрутка происходит как на странице, так и в самом блоке? В этом случае вы можете попробовать предотвратить срабатывание события «колесо». Например, добавьте event.preventDefault() к DIV с колесом.


Часовой пояс GMT +3, время: 08:35.