как я могу отключить браузер или полосу прокрутки элемента, но все же разрешить прокрутку с помощью колесика или клавиш со стрелками?

<p>как и в предыдущих ответах, вы бы использовали <code>overflow:hidden</code>, чтобы отключить полосы прокрутки в теле/div.</p><p>затем вы должны связать событие <code>mousewheel</code> с функцией, которая изменит <code>scrolltop</code> элемента div для эмуляции прокрутки.</p><p>для клавиш со стрелками необходимо связать событие <code>keydown</code>, чтобы распознать клавишу со стрелкой, а затем изменить <code>scrolltop</code> и <code>scrollleft</code> элемента div в зависимости от ситуации, чтобы эмулировать прокрутку . (примечание: вы используете <code>keydown</code> вместо <code>keypress</code>, поскольку ie не делает не распознавать <code>keypress</code> для клавиш со стрелками.)<br> <strong>edit:</strong> я не мог заставить ff/chrome распознавать <code>keydown</code> в div, но он работает в ie8. в зависимости от того, для чего вам это нужно, вы можете установить прослушиватель <code>keydown</code> на <code>document</code> для прокрутки div. (проверьте ссылку на код клавиши в качестве примера.)</p><p>например, прокрутка с помощью колесика мыши (с использованием jquery и плагина mousewheel):</p><pre><code><div id="example" style="width:300px;height:200px;overflow:hidden"> insert enough text to overflow div here </div> <script> $("#example").bind("mousewheel",function(ev, delta) { var scrolltop = $(this).scrolltop(); $(this).scrolltop(scrolltop-math.round(delta)); }); </script> (это быстрый макет, вам придется корректировать числа, потому что для меня это прокручивается немного медленно.) <a href="http://www.ryancooper.com/resources/keycode.asp">ссылка на keycode  <a href="http://plugins.jquery.com/project/mousewheel">плагин колесика мыши  <a href="http://www.quirksmode.org/dom/events/keys.html">нажатие клавиши, нажатие клавиши @ quirksmode обновление 19.12.2012:обновленное местоположение плагина mousewheel находится по адресу: <a href="https://github.com/brandonaaron/jquery-mousewheel"> <a href="https://github.com/brandonaaron/jquery-mousewheel" rel="noreferrer">https://github.com/brandonaaron/jquery-mousewheel 

вам не нужно использовать jquery или js, чтобы сделать это. это более производительный с простым webkit.просто добавьте приведенный ниже код в ваш файл css.::-webkit-scrollbar { display: none; } осторожно! это отключит все полосы прокрутки, поэтому обязательно поместите их в определенный класс или идентификатор, если вы просто хотите, чтобы он был скрыт.

чтобы это работало на меня, я использовал этот css:html { overflow-y: hidden; } но у меня были проблемы с использованием $(this).scrolltop()</code>, поэтому я привязал свой #id, но настроил scrolltop окна. кроме того, моя мышь с плавной прокруткой запускает много 1 или -1 дельты, поэтому я умножил это на 20.</p><pre><code>$("#example").bind("mousewheel", function (ev, delta) { var scrolltop = $(window).scrolltop(); $(window).scrolltop(scrolltop - math.round(delta * 20)); }); </code></pre>

<p>как<strong> baldráni </strong>сказал выше</p><pre><code>::-webkit-scrollbar { display: none; } </code></pre><p>или вы можете сделать</p><pre><code>::-webkit-scrollbar{ width: 0px; } </code></pre><p><br> (опубликовано для других людей, которые наткнулись на это из поиска google!)</p>