Firefox에서 스크롤 막대를 숨기는 방법: Webkit과 비교?

Firefox에서 스크롤 막대 숨기기: Webkit과 비교

눈에 보이는 스크롤 막대 없이 스크롤 가능한 div를 만들기 위해 Webkit 브라우저는 다음을 조정하여 간단한 솔루션을 제공합니다. 스크롤바의 크기. 그러나 이 기능을 Firefox에서 복제하려면 약간 다른 접근 방식이 필요합니다.

Firefox에서는 스크롤 가능한 div를 추가 div 내에 래핑하고 외부 div에 Overflow:hidden 속성을 적용하여 원하는 효과를 얻을 수 있습니다. 이렇게 하면 스크롤 막대가 표시되는 것을 방지할 수 있습니다.

<code class="css">#outer-div {
  overflow: hidden;
}

#scrollable-div {
  overflow-x: scroll;
  overflow-y: hidden;
}</code>

제공된 JSFiddle 예제(http://jsfiddle.net/qqPcb/)에서 볼 수 있듯이 이 CSS 코드를 사용하면 눈에 보이는 스크롤 막대로 인해 방해를 받지 않고 스크롤할 수 있습니다. .

이 기술은 인기 있는 jQuery 플러그인인 jScrollPane에서 사용되어 원할 때 스크롤 막대를 숨길 수 있는 편리한 크로스 브라우저 솔루션을 제공한다는 점은 주목할 가치가 있습니다.

위 내용은 Firefox에서 스크롤 막대를 숨기는 방법: Webkit과 비교?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!