Jquery 使用jscrollpane调整元素的大小_Jquery_Jscrollpane_Responsive Design

Jquery 使用jscrollpane调整元素的大小

jquery responsive-design

Jquery 使用jscrollpane调整元素的大小,jquery,jscrollpane,responsive-design,Jquery,Jscrollpane,Responsive Design,我有一个站点，它的一个区域需要随着窗口的大小而调整大小（而且这个站点的使用方式，我认为人们会经常调整窗口的大小）。这本身不是问题。我有这个HTML和CSS： <body> <header> stuff </header> <article class="scroll"> lots of stuff </article> <footer> stuff </footer> </body> a

我有一个站点，它的一个区域需要随着窗口的大小而调整大小（而且这个站点的使用方式，我认为人们会经常调整窗口的大小）。这本身不是问题。我有这个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;
}


东西

有什么建议吗
 如本例所示，重复激活说明检测窗口大小事件函数，即可解决问题
$(window).resize(function() {
    $(function(){
        $('.scroll-pane').jScrollPane({
                showArrows: true,
                horizontalGutter: 30,
                verticalGutter: 30,
                arrowScrollOnHover: true
            }
        );
    });
});

Michele
是否要添加代码？