스크롤 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
}
자바 스크립트 스크롤 표시 유지
::-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);
}
css 중지 스크롤 막대
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 */
}
html 에서 스크롤 막대를 제거하는 방법
html { overflow-y: hidden; }