내 iPad 웹사이트에 내 스크롤바가 표시되지 않는 이유는 무엇입니까?

CSS 오버플로로 인한 iOS 스크롤바 표시 문제

CSS를 사용하여 iPad 웹사이트의 div 요소 내에서 스크롤바를 활성화하려고 하면 오버플로가 발생합니다. 속성은 데스크탑 브라우저에서 제대로 작동함에도 불구하고 겉으로는 효과가 없는 것 같습니다. 특히 다음 속성은 성공적으로 테스트되지 않았습니다.

overflow: auto;
overflow: scroll;

문제 설명

iOS 장치는 표시되는 스크롤 막대의 구현을 피하고 화면 공간을 우선시하도록 선택했습니다. 콘텐츠 표시. 결과적으로 사용자는 넘쳐나는 콘텐츠를 탐색하기 위해 두 손가락 스크롤 기능을 활용할 것으로 예상됩니다.

해결책

WebKit Overflow Scrolling:

iOS 5베타부터 -webkit-overflow-scrolling: touch 속성을 활용하여 원하는 스크롤 막대 동작을 실행할 수 있습니다.

JavaScript 및 jQTouch:

또는 jQTouch와 함께 잠재적으로 JavaScript를 사용하여 오버플로된 요소에 대한 사용자 정의 스크롤 막대를 생성할 수도 있습니다.

미디어 쿼리:

전체에서 원활한 경험을 보장하려면 @media 쿼리를 사용하면 iOS 기기에서 오버플로를 제거하여 스크롤 막대 없이 콘텐츠를 표시할 수 있습니다.

<link rel="stylesheet" href="handheld.css" media="only screen and (max-device width:480px)">

위 내용은 내 iPad 웹사이트에 내 스크롤바가 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!