CSS

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

F.E.D 2020. 7. 25. 12:16

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

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

 

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

 

테크닉1 : Directional Trickery

 

 

direction:rtl 이 핵심

 

테크닉2 : Rotational Tricker

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

 

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

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

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

 

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

 

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