Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery jScrollPane-在不指定高度的情况下为页面的一部分显示垂直滚动条_Jquery_Jquery Jscrollpane - Fatal编程技术网

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中的整个浏览器窗口的