iOS에서 CSS 오버플로로 스크롤 막대를 표시할 수 없습니다.

iPad용 웹사이트를 개발할 때 CSS 속성인 Overflow: auto를 사용하여 활성화하세요. div 내의 스크롤바는 효과가 없을 수 있습니다. 두 손가락 스크롤 동작이 올바르게 작동함에도 불구하고 스크롤 막대는 숨겨진 상태로 유지됩니다. Overflow: auto와 Overflow: scroll을 모두 사용하려고 하면 결과가 생성되지 않습니다.

iOS 동작

안타깝게도 Overflow: auto나 스크롤 모두 iOS 기기에서 스크롤 막대를 생성하지 않습니다. 이는 이러한 컨트롤이 차지하는 화면 공간 때문인 것으로 알려졌습니다.

대체 솔루션

iOS의 스크롤 막대 부족을 보완하려면:**

• 두 손가락 스와이프 사용: 사용자는 두 손가락 스와이프를 수행하여 넘쳐나는 콘텐츠를 스크롤할 수 있습니다.
• 사용자 정의 스크롤 막대 만들기: 오버플로된 요소에 대한 자체 스크롤 막대를 생성하는 JavaScript 또는 jQTouch 솔루션입니다.
• @media 쿼리를 사용하여 오버플로 제거: 장치 너비가 특정 임계값보다 낮을 때 @media 쿼리를 사용하여 오버플로 속성을 제거합니다. 콘텐츠가 전체로 표시되는지 확인합니다. 이 접근 방식은 iPhone 사용자의 사용자 경험을 간소화합니다.