XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
| 출처 | 멍멍대왕의 IT놀이터 |
|---|---|
| 출처URL | http://www.nextstep.co.kr/290 |
아이폰에서는 iframe의 스크롤 기능이 동작을 하지 않는다. 이때는 다음과 같이 해결한다.
css는
.scrollable {
overflow: auto; -webkit-overflow-scrolling: touch;
}
<div id="zipcodeLayer" style="position:fixed; top:0; left:0; right:0; class="scrollable">
<iframe src="zipcode.asp" frameborder="0" width="100%" height="100%"></iframe>
</div>
iframe을 div로 감싸고 overflow: auto; -webkit-overflow-scrolling: touch; 를 먹여주는게 핵심이다.
그런데 만약에 div의 사이즈를 고정시키기 위해 아래와 같이 했을때
<div id="zipcodeLayer" style="position:fixed; top:0; left:0; right:0; class="scrollable; width=100%; height=70%">
<iframe src="zipcode.asp" frameborder="0" width="100%" height="100%"></iframe>
</div>
iframe의 내용이 div 에서 지정한 70%보다 작아서 최초 동작시 스크롤이 생기지 않는다면 스크롤이 안되는 문제가 발생한다.
따라서 iframe이 만들어 질때 스크롤을 강제로 생성시키기 위해 height="101%"로 변경을 해주면 문제가 해결된다.
따라서 완성된 최종 코드는 아래와 같다.
<div id="zipcodeLayer" style="position:fixed; top:0; left:0; right:0; class="scrollable; width=100%; height=70%">
<iframe src="zipcode.asp" frameborder="0" width="100%" height="101%"></iframe>
</div>
추천 (0)
비추천 (0)
