Избегайте прокрутки прокручиваемых элементов при прокрутке страницы с помощью колесика мыши
Как можно предотвратить прокрутку прокручиваемых элементов (например, области текста, div с полосами прокрутки) при использовании колесика мыши для прокрутки страницы?
Когда я использую колесо мыши для вертикальной прокрутки страницы сверху вниз, я хотел бы игнорировать прокручиваемые элементы, которые оказываются под курсором мыши.
Я все еще хочу прокручивать "прокручиваемые элементы", когда прокручиваю не страницу, а просто наведите курсор мыши на элемент и используйте колесо прокрутки.
2 ответа
Попробуйте использовать плагин jquery-mousewheel
( получить это здесь) и делать что-то вроде этого:
$('.scrollable').mousewheel(function(e) {
return false;
}
Где вы добавляете класс scrollable
на указанные прокручиваемые предметы.
Вы можете сделать это просто с помощью CSS:
.something {
overflow-y: hidden;
}
.something:hover {
overflow-y: scroll;
}