Деактивировать или удалить панель прокрутки на HTML

Я хочу деактивировать или удалить вертикальный scrollbar на странице HTML.
Как это сделать?

Спасибо.

Ответы

Ответ 1

Если вам это действительно нужно...

html { overflow-y: hidden; }

Ответ 2

поместите этот код в свой html-заголовок:

<style type="text/css">
html {
        overflow: auto;
}
</style>

Ответ 3

Что бы я попробовал в этом случае, поместите это в таблицу стилей

html, body{overflow:hidden;}

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

Ответ 4

Медер Омуралиев предложил использовать обработчик событий и установить scrollTo (0,0). Это пример для Вассима-азирара. Объединяя все это вместе, я предполагаю, что это окончательное решение.

У нас есть 3 проблемы: полоса прокрутки, прокрутка с помощью мыши и клавиатуры. Это скрывает полосу прокрутки:

       html, body{overflow:hidden;}

К сожалению, вы все равно можете прокручивать клавиатуру: Чтобы предотвратить это, мы можем:

    function keydownHandler(e) {
var evt = e ? e:event;
  var keyCode = evt.keyCode;

  if (keyCode==38 || keyCode==39 || keyCode==40 || keyCode==37){ //arrow keys
e.preventDefault()
scrollTo(0,0);
}
}

document.onkeydown=keydownHandler;

Прокрутка с помощью мыши, естественно, не работает после этого кода, поэтому мы предотвратили прокрутку.

Например: https://jsfiddle.net/aL7pes70/1/