-
CSS를 사용하여 반대쪽에 세로 스크롤 막대 배치CSS 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/
'CSS' 카테고리의 다른 글
Flexbox로 text ellipsis 표현하기 (0) 2020.07.26 css revert 속성 (unset과 revert의 차이) (0) 2020.07.25 Grid Template으로 아코디언 만들기 (0) 2020.07.25 [Modern CSS] 하단에 footer 고정하기 flex vs grid (0) 2020.06.30 CSS 가상 선택자 :is() 와 :where() (0) 2020.06.13