본문 바로가기
CSS

CSS를 사용하여 반대쪽에 세로 스크롤 막대 배치

by F.E.D 2020. 7. 25.

스크롤바가 어디에 있는지에 대한 강한 기대를 깨뜨리기 때문에 일반적으로 이것을 추천할 수는 없습니다.

많은 사람들에게 핵심 접근 기능이며 유용합니다.

 

그러나 그것은 매혹적인 CSS 트릭이며 웹은 때때로 이상한 해결책이 필요한 상황을 알 수 없는 규모의 큰 장소입니다.

 

테크닉1 : Directional Trickery

 

 

direction:rtl 이 핵심

 

테크닉2 : Rotational Tricker

회전으로 나타내는 것입니다.

 

이것은 두 가지 이유로 특히 어색합니다.

스크롤 요소는 기본적으로 맨 아래로 스크롤됩니다 스크롤 방향은 스크롤 휠과 반대로 느껴집니다.

스크롤바 자체는 예상대로 작동해야하지만 트랙 패드 또는 마우스 스크롤 휠은 해당 요소에서 스크롤 방향이 반대로 느껴집니다.

 

또 재미있는 주제로 찾아올게요~~

 

출처 : https://css-tricks.com/position-vertical-scrollbars-on-opposite-side-with-css/

댓글