CSS와 수직 스크롤바를 반대쪽에 배치하십시오

경고 : 일반적으로 이것을 권장하지 않습니다. 이것은 스크롤 바 위치에 대한 일반적인 인식을 중단하기 때문에 많은 사용자에게 매우 유용하지만 많은 사람들에게 핵심 접근성이라는 것은 말할 것도 없습니다.

그러나 이것은 매혹적인 CSS 트릭이며 온라인 세계는 거대하고 복잡하며 모든 종류의 상황에는 일부 독특한 솔루션이 필요할 수 있습니다.

방법 1 : 방향 기술

여기서 속임수는 스크롤링 부모 요소를 사용하는 direction: rtl (또는 주 방향의 반대 방향)을 사용한 다음 스크롤 요소가 내부적으로 정상 방향으로 다시 전환하는 것입니다.

방법 2 : 회전 기술

텍스트가 아닌 방향 목적으로 텍스트 방향을 수정하면 항상 약간 불안감을 느끼게 되므로이 기술은 "해커 메소드"라고 느끼지 않습니다. 트릭은 부모 요소를 180도 회전시킨 다음 자식 요소를 180도 회전하여 직립 상태로 복원하는 것입니다.

첫 번째 회전으로 인해 스크롤 막대가 반대쪽으로 끝납니다.

이 접근법에는 두 가지 창피한 이유가 있습니다.

1. 스크롤 요소는 기본적으로 하단으로 스크롤됩니다.
2. 롤러로 스크롤 할 때 스크롤 방향이 반전됩니다. 스크롤 막대 자체는 정상적으로 동작해야하지만 트랙 패드 또는 마우스 휠은 요소의 스크롤 방향이 반전된다고 느낍니다.

그것은 실용적인 방법보다 4 월 바보의 날 농담과 비슷합니다. 바이러스 성 트윗은 그것을 "저주"라고 불렀습니다.

위 내용은 CSS와 수직 스크롤바를 반대쪽에 배치하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!