0

ユーザーがページ全体をスクロールする必要があるのではなく、スクロールバー付きの小さな 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」を表示するのに十分であるため、スクロール バー自動を無効にします、最終的にビューをランドスケープに戻しましたスクロールバーがありません、スクロールできませ んこれを機能させるための解決策はありますか?

4

1 に答える 1

0

お役に立てれば ：）

$(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);
    }
}
于 2012-07-03T09:30:02.243 に答える