jQuery jScrollPane - 为页面的一部分显示垂直滚动条而不指定高度

Question

我经常使用jQuery jScrollPane plugin向页面部分添加自定义滚动条。我遇到过一种情况，我想使用插件为页面的主要内容区域显示垂直滚动条。由于内容可能有不同的高度，因此无法为此区域指定固定高度，因此插件即使应该也不会显示垂直滚动条。

我已在jsfiddle.net上传了完整的HTML，CSS和JavaScript代码，以演示此问题。具有大量文本的区域应显示jScrollPane垂直条，但不显示。我知道如果我向.scroll CSS类添加高度，滚动条将开始出现。但是，不同的用户将具有不同的屏幕分辨率，因此内容区域的高度会有所不同，这使我无法指定内容区域的高度。

Answer 1

如果你想在你需要的页面的正文/部分

，你可以使用这个CSS

overflow-y:auto;

Answer 2

如果没有指定的高度，垂直溢出将不起作用。您始终可以动态设置可滚动区域的高度：

$(document).ready(setScrollable());
$(window).resize(setScrollable());

function setScrollable()
{
   $('.scroll').css('height', $(window).height() - $('#header').height());    
   $('.scroll').jScrollPane();
}