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);
    }
}

当onorientationchange时，缺少带有css（-webkit-overflow-scrolling：touch）的iPad滚动条

1 个答案: