0

ウィンドウのサイズが変更されたときにサイズを変更する必要がある領域があるサイトがあります（このサイトの使用方法では、人々はウィンドウのサイズを頻繁に変更すると思います）。これ自体は問題ではありません。私はこのHTMLとCSSを持っています：

<body>
<header>
  stuff
</header>
<article class="scroll">
  lots of stuff
</article>
<footer>
  stuff
</footer>
</body>

article {
position: fixed;
top: 180px;
left: 30px;
bottom: 60px;
right: 30px;
overflow: auto;
}

これは問題なく機能し、ウィンドウのサイズが変更されると記事のサイズが変更されます。

しかし、それから私はjscrollpaneを記事に追加して、きれいなスクロールバーができるようにしました。これで、ウィンドウのサイズを変更しても、記事のサイズは変更されません。記事は元のウィンドウのサイズのままになります。更新を押すと、適切にサイズ変更されますが、それは不十分です。

これがjsfiddleです：http：//jsfiddle.net/7cMvy/

助言がありますか？

4

1 に答える 1

2

この例のように、ウィンドウのサイズ変更イベント関数を検出するアクティベーション手順を繰り返す問題を解決します。

$(window).resize(function() {
    $(function(){
        $('.scroll-pane').jScrollPane({
                showArrows: true,
                horizontalGutter: 30,
                verticalGutter: 30,
                arrowScrollOnHover: true
            }
        );
    });
});

ミケーレ

于 2013-06-13T06:33:03.140 に答える