Disable scroll css

/* Answer to: "disable scroll css" */

/*
  You must set the height and overflow of the body, to disable
  scrolling.
*/

html, body {
  margin: 0;
  height: 100%;
  overflow: hidden
}

Source: stackoverflow.com

Css stop scrollbar

html {
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

html::-webkit-scrollbar {
    width: 0px; /* For Chrome, Safari, and Opera */
}

Source: stackoverflow.com

Javascript keep scroll visible

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

Source: stackoverflow.com

How to eliminate scroll bar in html

html { overflow-y: hidden; }

-1

Source: stackoverflow.com

Similar codes

12 votes170 views4 answers
Hover on one div affect another
CSS
2 votes188 views2 answers
Display none transition
CSS
1 vote211 views3 answers
Remove table border html
CSS
13 votes177 views5 answers
How to add text stroke in css
CSS
0 vote235 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
6 votes177 views1 answer
Responsive image in css
CSS
-1 vote136 views1 answer
Css root seletor
CSS
-1 vote178 views1 answer
Bootstrap scrollable modal
CSS
0 vote166 views1 answer
Make changes to api fetch onclick in react
CSS
13 votes181 views1 answer
Rgb gold
CSS