ipad safari 스크롤 (overflow) 솔루션

1700 단어 overflow
프로젝트를 아이패드에 적용해야 하는데 이상한 문제가 하나 생겼어요. 바로 저div는 스크롤 속성을 설정한 거예요. pc 위의 각 브라우저 페이지에 시간이 바뀌면 스크롤 바가 나오는데 아이패드의 사파리라서 스크롤을 안 해요. 처음에div의 문제라고 생각했어요.
그러나 페이지의 원본 코드가 붙은 후에div는 다시 굴릴 수 있다는 것을 발견했기 때문에safari도 스크롤 바를 지원한다고 판단했다. 단지 그가 숨겼을 뿐이다. 나중에 내 바깥쪽은 iframe를 끼워 넣은 것이고 마침내 문제의 관건을 찾았다.
그래서 iframe의 바깥쪽에 div를 넣었어요.
<div class="container" style="-webkit-overflow-scrolling:touch; overflow: auto;">
        <iframe width="100%" id="main" name="main" src="main.aspx" frameborder="0" scrolling="auto"></iframe>
</div>

주로 스타일 = "-webkit-overflow-scrolling:touch;overflow:auto;"이 스타일은 그로 하여금 인터페이스 터치와 자동 스크롤을 지원하게 한다
이렇게 하면 화면이 굴러갈 수 있어요.

좋은 웹페이지 즐겨찾기