Question

我有一个网站需要在窗口调整大小时调整大小（以及这个网站的使用方式，我认为人们会经常调整窗口大小）。这本身不是问题。我有这个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/

有什么建议吗？

Answer 1

您可以解决问题，重复检测窗口调整大小事件功能的激活说明，如本例所示。

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

米歇尔

使用jscrollpane调整元素大小

1 个答案: