2011-02-08 26 views
0

假設UIWebView的是全屏,在html & CSS簡直是這樣的:像滾動的iAd在UIWebView的一個div裏面確實

<body><div id="wrapper" style="height:320px;width:460px;-webkit-box-sizing:border-box;display:block;overflow-x:none;overflow-y:scroll;"> 
    <ol style="width:100%;">//Its height is much bigger than 320px 
    /* blablablablablabla */</ol> 
</div></body> 

當設置的UIWebView的UIScroller.bounces = YES,該頁面只是反彈向上和向下,不滾動<ol/>

當設置的UIWebView的UIScroller.bounces = NO,頁面就好像凍結無論怎樣觸動作用。

我想要的:<ol/>滾動與UIWebView的滾動一樣。

沒有爲在iAd的測試此影響的一例。您可以在這裏看到它:http://xiaolife.com/table_view_plain_declarative.html(我在自己的網站上設置它,使用Safari瀏覽器查看並將UA設置爲移動Safari),但iAd框架不能直接在UIWebview中使用,並且iAd對我來說似乎太複雜了。

效果蘋果做是almostly一樣的UIWebView做,包括彈跳和滾動條。

但現在,我只是想在<ol>至少爲滾動,雖然我不知道如何:(

回答

2

感謝上帝,我終於找到了這個小碼,並將其與滾動條的偉大工程,並反彈(不容易使其工作):) http://cubiq.org/iscroll

+0

哎肖瀟,你想分享你的代碼,我有看到該鏈接,但我還是不太明白關於這一點,謝謝 – 2011-03-02 03:32:17

+0

對我來說,我只是寫了'myScroll = new iScroll('wrapper');' ,並給''div id ='wrapper'/>'一個css說'position:relative; z-index:1;',並且完成了。但不要忘記給包裝正確的尺寸。 – 2011-03-03 12:34:32

2

現在你可以做到這一點,更好

<div style="height:50px; overflow:scroll; -webkit-overflow-scrolling: touch;"> 
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br> 
</div>