像 iAd 一样在 UIWebView 中的 div 内滚动答案

【问题标题】：Scroll inside a div in UIWebView like iAd does像 iAd 一样在 UIWebView 中的 div 内滚动
【发布时间】：2011-06-23 11:03:58
【问题描述】：

假设UIWebView是全屏的，html&css就是这样的：

<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对我来说似乎太复杂了。

Apple 做的效果几乎和 UIWebView 一样，包括弹跳和滚动条。

但是现在，我只是希望<ol> 至少可以可滚动，而我不知道如何:(

【问题讨论】：

标签： javascript iphone html uiwebview scroll

【解决方案1】：

谢天谢地，我终于找到了这个小代码，它可以很好地配合滚动条和弹跳（不容易让它工作）:) http://cubiq.org/iscroll

【讨论】：

嘿小小，你要不要分享你的代码，我看到那个链接，但我还是不太明白，谢谢
对我来说，我只是写了 'myScroll = new iScroll('wrapper');' , 并给 '
' 一个 css 说 'position:relative;z-index:1;', 就完成了。但不要忘记给包装器提供合适的尺寸。

【解决方案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>

【讨论】：

是的，因为最新的移动端webkit支持-webkit-overflow-scrolling，完美解决。当我问这个问题时，它还不被支持。