웹브라우저에서 overflow 가 잘 되는데
단말에 브라우저에서는 안됩니다.

왜냐 막혀 있기 때문이죠
그래도 되도록 해야죠
왜? 필요하니까 ㅎㅎㅎ

구현 방법은 다음과 같습니다.

<style>
.faContents { position:absolute; text-align:left; font-size:14px; font-family:돋움; width:242px; }

.overthrow {
overflow: auto;
-webkit-overflow-scrolling: touch;
height:140px;
}
</style>

< html >
<div class="faContents overthrow">
<ul>
<li>테스트1 </li>
<li>테스트2</li>
<li>테스트3</li>
<li>테스트4 </li>
<li>테스트5 </li>
<li>테스트6 </li>
<li>테스트7 </li>
<li>테스트8 </li>
</ul>
</div>
< /html >


위와 같이 css 와 HTML 을 준비하고

다음 사이트에 가서 overflow.js 파일을 다운 받아 옵니다.
http://filamentgroup.github.com


이젠 이 다운 받은 스크립트를
불러 들여서 구현하시면 끝
<script src="/common/js/overflow.js" ></script>

// 테스트 모바일 OS
안드로이드 2.2, 2.3
IOS 4.x, 5.x
2012/07/20 20:47 2012/07/20 20:47

Trackback Address :: 이 글에는 트랙백을 보낼 수 없습니다