Избегайте прокрутки прокручиваемых элементов при прокрутке страницы с помощью колесика мыши

Question

Как можно предотвратить прокрутку прокручиваемых элементов (например, области текста, div с полосами прокрутки) при использовании колесика мыши для прокрутки страницы?

Когда я использую колесо мыши для вертикальной прокрутки страницы сверху вниз, я хотел бы игнорировать прокручиваемые элементы, которые оказываются под курсором мыши.

Я все еще хочу прокручивать "прокручиваемые элементы", когда прокручиваю не страницу, а просто наведите курсор мыши на элемент и используйте колесо прокрутки.

Answer 1

Попробуйте использовать плагин jquery-mousewheel ( получить это здесь) и делать что-то вроде этого:

$('.scrollable').mousewheel(function(e) {
   return false;
}

Где вы добавляете класс scrollable на указанные прокручиваемые предметы.

Answer 2

Вы можете сделать это просто с помощью CSS:

.something {
    overflow-y: hidden;
}
.something:hover {
    overflow-y: scroll;
}

http://jsfiddle.net/9Lx7a1v6/