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 });



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


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