Ответ 1
Если вам это действительно нужно...
html { overflow-y: hidden; }
Я хочу деактивировать или удалить вертикальный scrollbar
на странице HTML.
Как это сделать?
Спасибо.
Если вам это действительно нужно...
html { overflow-y: hidden; }
поместите этот код в свой html-заголовок:
<style type="text/css">
html {
overflow: auto;
}
</style>
Что бы я попробовал в этом случае, поместите это в таблицу стилей
html, body{overflow:hidden;}
таким образом отключается полоса прокрутки, и в качестве кумулятивного эффекта они отключают прокрутку с помощью клавиатуры
Медер Омуралиев предложил использовать обработчик событий и установить 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/