css - 带有 css 的 iPad 滚动条(-webkit-overflow-scrolling : touch) missing when onorientationchange

Question

我想在带有滚动条的小 div 中显示一些“ul”结果，而不是用户需要滚动整个页面，现在我已经通过 css:-webkit-overflow-scrolling: touch 使其工作;,通常它可以工作，但是当我改变 ipad 的 View 时它崩溃了。

例如:

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

在横向 View 中div的高度不足以显示所有'ui'然后滚动条起作用，此时，将 View 更改为纵向 View ，div的高度足以显示所有'ul'以便滚动条自动禁用，最后将 View 更改回横向 滚动条丢失，不可滚动 是否有解决方案来实现这一点？

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