Как отключить прокрутку колесика мыши

Question

Я попробовал это, это не сработало

$('body').bind("mousewheel", function() {
    return false;
});

, затем я попробовал это

$('body').hover(function (){
    $('body').css('overflow','hidden');
}, 
function (){
    $('body').css('overflow','auto');
})

Иногда это работает, но иногда не работает.

Есть ли идея отключить колесо мыши?

Answer 1

Обратите внимание, что в текущих версиях Chrome обработчики прокрутки и колеса обрабатываются как пассивные по умолчанию и поэтому не могут быть отменены. См информация о функции .

Я не уверен, есть ли способ указать активный обработчик, используя метод jQuery on, но вы можете сделать это довольно легко с помощью встроенного addEventListener. Кроме того, в этом случае return false не будет работать, вам нужно позвонить preventDefault().

document.body.addEventListener('wheel', function(e){ e.preventDefault(); }, { passive: false });

p { width: 320px; }

<p>Lorem ipsum dolor sit amet, audire facilis no pri, ea eam duis laboramus, at pro atqui tollit meliore. Vis ut malorum vocibus percipit, nisl atqui ea sea. Illud errem te vix, ex facer omittam his. Ne sit consul suscipit. Eu usu percipit efficiendi dissentiet.</p>
<p>Te ius dictas oporteat facilisi. Dicta diceret debitis et vim. Paulo insolens comprehensam est cu, dolor assueverit eu mei. Pro an facilisis rationibus. Summo molestie mei cu. His nobis erroribus in, iuvaret repudiare delicatissimi mea ut, nec at elit nostro.</p>
<p>Ad augue invenire efficiendi qui, facilisi mediocritatem ei duo. Ceteros mnesarchum et has, at ius choro dolor verear. Purto sententiae interesset et vim, quis nisl facer vix ei. Est agam ocurreret assentior id, et partem fabellas vim.</p>

Я тестировал решение в Chrome 73 и Firefox 66. Чтобы убедиться, что это работает во всех браузерах, обязательно прочитайте MDN и quirksmode .