0

Добрый день! При прокручивании скролла маленького блока и достижении низа в этом блоке - начинает прокручиваться скролл глобального окна(браузера). Как сделать так, чтобы окно браузера не прокручивалось, конечно же при наведенной мышке на маленьком окне Спасибо! alt text

1 ответ 1

0

Самый простой способ - это устанавливать свойство overflow: hidden; документу, при наведении на блок со скроллом. Смотрим пример.

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.