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
}
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
}
css no scroll
<!DOCTYPE html>
<html>
<head>
<style>
body {
height: 5000px; /* Make this site really long */
width: 5000px; /* Make this site really wide */
overflow: hidden; /* Hide scrollbars */
}
</style>
</head>
<body>
<h2>Hide scrollbars</h2>
<p>This example will hide the scrollbars (and the functionality - it is not possible to scroll inside the page).</p>
<p>Try to remove <strong>overflow: hidden;</strong> to see the effect.</p>
</body>
</html>
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 */
}
css no overflow
div.ex1 {
overflow: scroll;
}
div.ex2 {
overflow: hidden;
}
div.ex3 {
overflow: auto;
}
div.ex4 {
overflow: visible;
}
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);
}
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us