how do you disable the scroll bar in html so that you can't scroll whatsoever?

Answer 1

css:

body {
overflow: hidden;
}

Answer 2

To only hide horizontal scroll:

overflow-x: hidden;

and for vertical:

overflow-y: hidden;

Answer 3

to hide the scrollbar:

::-webkit-scrollbar { display: none; }

to lock:

{ position:fixed; width:100%; height:100%; top:0px; left:0px; }