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 回答