android - Android 浏览器使用 Overflow-y: auto 产生意外行为

Question

当表溢出父级时，我正在尝试实现滚动：

<div class="main_container">
<form id="list_wrapper">
<table>
    <tbody>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
     </tbody>
   </table>
 </form>
</div>

//JQuery that will dynamically resize rows depending on how many rows there are.
<script type="text/javascript>
setTimeout(function(){
    var totalRowHeight = $("tr").height() * $("tr").length;    
    $("form#list_wrapper").css("height", "" + totalRowHeight + "");
},1);​
</script>

请参阅JSFiddle进行演示！

有趣的是，在我的 Droid X 浏览器（版本：2.3.4）上打开此链接时，表格仍然溢出但不滚动。我希望 Android 能够复制通过桌面浏览器打开链接时看到的行为。

注意：我已经在包括 Safari 和 Chrome 在内的 IOS 浏览器中测试了这个链接，并且效果很好。