0

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

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

4

2 回答 2

0

如果你想在你需要的页面的正文/部分中，你可以使用这个 css

overflow-y:auto;
于 2012-01-16T08:00:00.237 回答
0

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

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

function setScrollable()
{
   $('.scroll').css('height', $(window).height() - $('#header').height());    
   $('.scroll').jScrollPane();
}
于 2012-01-16T08:01:18.727 回答