iPad 滚动条，在方向更改时缺少 css(-webkit-overflow-scrolling: touch)

Question

我想在带有滚动条的小div中显示一些'ul'结果，而不是用户需要滚动整个页面，现在我已经通过css：-webkit-overflow-scrolling：touch;，通常它可以工作，但是当我更改iPad的视图时，它崩溃了。

例如：

<div id="leftpanel">ul ul ul ul</div>
#leftPanel{
       overflow-y: scroll;
       overflow-x: visible;
   -webkit-overflow-scrolling: touch;
       height：100%；
}

在横向视图中，div的高度不足以显示所有"ui"，然后滚动条是工作的，此时，将视图

更改为纵向视图，div的高度足以显示所有"ul"，以便滚动条自动禁用，最后将视图改回横向滚动条丢失，不可滚动 有没有解决方案可以让它工作？

Answer 1

希望这对:)有所帮助

$(window).resize(function() {
    if($('#thumbwrapper').is(":visible")==true)
    {
       //thumbholder is inner div and thumbwrapper outer 
        $('#thumbholder').height(900); 
        window.setTimeout(delayFix, 10);
    }
});
function delayFix()
{
    if($('#thumbwrapper').is(":visible")==true)
    {
        $('#thumbholder').height($("#thumbwrapper").height() + 20);
    }
}