jQuery jScrollPane-在不指定高度的情况下为页面的一部分显示垂直滚动条
我经常使用添加自定义滚动条到页面部分。我遇到了一种情况,我想使用插件为页面的主要内容区域显示一个垂直滚动条。由于内容可以有不同的高度,我不能为这个区域指定固定的高度,因此插件不会显示垂直滚动条,即使它应该显示jQuery jScrollPane-在不指定高度的情况下为页面的一部分显示垂直滚动条,jquery,jquery-jscrollpane,Jquery,Jquery Jscrollpane,我经常使用添加自定义滚动条到页面部分。我遇到了一种情况,我想使用插件为页面的主要内容区域显示一个垂直滚动条。由于内容可以有不同的高度,我不能为这个区域指定固定的高度,因此插件不会显示垂直滚动条,即使它应该显示 我已经上传了完整的HTML、CSS和JavaScript代码,以演示这个问题。包含大量文本的区域应该显示一个jScrollPane垂直条,但它没有。我知道如果我给.scroll CSS类添加一个高度,滚动条就会开始出现。但是,不同的用户会有不同的屏幕分辨率,因此内容区域的高度会有所不同,这
我已经上传了完整的HTML、CSS和JavaScript代码,以演示这个问题。包含大量文本的区域应该显示一个jScrollPane垂直条,但它没有。我知道如果我给.scroll CSS类添加一个高度,滚动条就会开始出现。但是,不同的用户会有不同的屏幕分辨率,因此内容区域的高度会有所不同,这使我无法为内容区域指定高度。如果需要,可以在页面的正文/部分使用此css
overflow-y:auto;
如果没有指定的高度,垂直溢流将无法工作。始终可以动态设置可滚动区域的高度:
$(document).ready(setScrollable());
$(window).resize(setScrollable());
function setScrollable()
{
$('.scroll').css('height', $(window).height() - $('#header').height());
$('.scroll').jScrollPane();
}
在没有指定高度的情况下设置溢出不会影响它,因为窗口将始终滚动以适应高度。他不必这样做,因为高度将被继承。我在jsfiddle中尝试过这个,效果很好。你能发布你的jsfiddle fork吗<代码>溢出-y:自动允许浏览器窗口可滚动,但不启用蓝色/灰色jQuery scroller OP请求的。我明白你的意思了,我以为它是针对JSFIDLE中的整个浏览器窗口的