Отключить или удалить полосу прокрутки в HTML

Question

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

Спасибо.

Answer 1

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

html { overflow-y: hidden; }

Answer 2

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

html, body{overflow:hidden;}

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

Answer 3

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

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

Answer 4

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

У нас есть 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/