Добрый день!
При прокручивании скролла маленького блока и достижении низа в этом блоке - начинает прокручиваться скролл глобального окна(браузера). Как сделать так, чтобы окно браузера не прокручивалось, конечно же при наведенной мышке на маленьком окне
Спасибо!
1 ответ
Самый простой способ - это устанавливать свойство overflow: hidden; документу, при наведении на блок со скроллом. Смотрим пример.
var body = $('body');
$('.scrolling-block').on({
mouseenter: function(){
body.css('overflow', 'hidden');
},
mouseleave: function(){
body.css('overflow', 'auto');
}
});
-
Спасибо! Еще один из вариантов $('.scrollpane').jScrollPane({ autoReinitialise: true }).bind( 'mousewheel', function(e) { e.preventDefault(); } );– idd15 авг 2014 в 13:12
-
@idd, возможно, что с плагином вы получите нужный эффект, но тогда не забудьте добавить событие под FireFox, иначе там работать не будет: $('.scrollpane').jScrollPane({ autoReinitialise: true }) .bind( 'mousewheel DOMMouseScroll', function(e){ e.preventDefault(); }); Хотя на мой взгляд, логичней было бы использовать e.stopPropagation();– Deonis15 авг 2014 в 13:20