CSS 입문 | CSS 고급 | 스크롤(scroll)

Tags:

div 모바일 웹에서 스크롤 속도 늦고 부자연 스러움

div 태그의 스크롤은 기본적으로 웹브라우저에서 안정적으로 동작하지만, 모바일 웹브라우저에서는 왠지 속도가 늦고 부자연스럽다.

이를 해결하는 방법응 아래와 같다.

<div style="-webkit-overflow-scrolling: touch;">

출처: http://indienote.tistory.com/60 [인디노트]

스크롤바 색상

scrollbar 속성을 이용하면 스크롤바의 색상을 바꿀 수 있다.

<style type="text/css">
body {
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#B58E63; 
scrollbar-face-color:#F2ECE6; 
scrollbar-shadow-color:#B58E63; 
scrollbar-darkshadow-color:white; 
scrollbar-track-color:#FFFFFF; 
scrollbar-arrow-color:#B58E63;
}
</style>



최종 수정 : 2021-08-27