CSS 오버플로를 사용하여 iOS 장치에서 스크롤바를 작동하게 하려면 어떻게 해야 합니까?

CSS 오버플로로 iOS 스크롤바 저항 극복

iPad용으로 개발할 때 스크롤바를 활성화하기 위해 CSS 오버플로 속성을 활용하는 것은 소용없는 것으로 입증되었습니다. "overflow: auto"와 "overflow: scroll"을 모두 사용함에도 불구하고 장치는 이를 지속적으로 숨겨 두 손가락으로 스크롤하는 것을 불편하게 만듭니다.

사용자에게 제어권을 다시 부여하는 해결 방법

iOS 기기에는 표준 스크롤바를 방지하는 기능이 내장되어 있습니다. 이 제한을 극복하려면 오버플로 속성을 "-webkit-overflow-scrolling: touch"로 수정하는 것이 좋습니다. 이번 변경으로 iOS 기기에는 기기의 기본 스크롤 동작과 원활하게 조화되는 스크롤 막대가 탑재되었습니다.

오버플로 재검토

또 다른 접근 방식은 디자인에서 오버플로의 필요성을 다시 고려하는 것입니다. . iOS 장치의 제한된 화면 공간으로 인해 콘텐츠 표시에 대한 신중한 접근 방식이 필요합니다. 오버플로를 방지하려면 DIV 크기 또는 콘텐츠 구성을 조정해 보세요. 또는 @media 쿼리를 사용하여 작은 화면에서 넘치는 콘텐츠를 조건부로 숨길 수 있습니다.

위 내용은 CSS 오버플로를 사용하여 iOS 장치에서 스크롤바를 작동하게 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!