웹브라우저에서 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
영삼넷
Categories
Recent Posts
Recent Comments
Statistics
- Total Visitors:
- 408734
- Today:
- 6844865
- Yesterday:
- 9754777
IT강국 김영삼 블로그에 오신걸 진심으로 환영합니다.
©2002 영삼넷 // openkr
©2002 영삼넷 // openkr