Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.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
Javascript 检测滚动条的存在_Javascript - Fatal编程技术网

Javascript 检测滚动条的存在

Javascript 检测滚动条的存在,javascript,Javascript,当正文为空时,不需要滚动条,但如果正文充满内容,则需要滚动条。如果没有任何JavaScript库(如jQuery),我如何知道滚动条是否存在 我试图动态更改我的页面。问题是我必须用滚动条调整我的布局。 谢谢 身体 { 边际:0px; 填充:0px; 边界:0px; /*边框颜色:#FEFEFE*/ /*背景图片:url(bg.png)*/ 背景重复:重复; 显示:块; z指数:-9999; 宽度:100%; 身高:100%; 左:0px; 顶部:0px; } div { 背景色:#A0; 位

当正文为空时,不需要滚动条,但如果正文充满内容,则需要滚动条。如果没有任何JavaScript库(如jQuery),我如何知道滚动条是否存在

我试图动态更改我的页面。问题是我必须用滚动条调整我的布局。 谢谢


身体
{ 
边际:0px;
填充:0px;
边界:0px;
/*边框颜色:#FEFEFE*/
/*背景图片:url(bg.png)*/
背景重复:重复;
显示:块;
z指数:-9999;
宽度:100%;
身高:100%;
左:0px;
顶部:0px;
}
div
{
背景色:#A0;
位置:绝对位置;
左:0px;
顶部:0px;
宽度:100%;
身高:100%;
显示:块;
z指数:-8888;
}
测验
(职能(d){
setInterval(函数(){
w=d.body.clientWidth;
h=窗内高度;
document.title=w+“:”+h;
}, 1);
})(文件)

您不需要处理任何事情。只需将css
overflow
属性设置为您的元素,当内容大小大于容器大小时,将显示滚动条:

CSS

div {
 overflow: auto;
}

只有使用JavaScript才能检测滚动条的存在。但是,在您的情况下,您可以只使用CSS,让浏览器确定是否需要滚动条。这可以通过控制CSS的“溢出”属性来实现

html, body, .myClass
{
    Overflow:scroll;    #example scroll always on
    Overflow:auto;      #example browser decides if needed
    Overflow:hidden;    #example hide the additional content
}

你不知道;不需要编程滚动条处理。在元素中使用最大宽度或最小宽度,滚动条将自动显示或隐藏。此链接将帮助您实现它。我会始终显示垂直滚动条,这样您就不必进行补偿,用户也不会体验到闪烁。正文{overflow-y:scroll;}
html, body, .myClass
{
    Overflow:scroll;    #example scroll always on
    Overflow:auto;      #example browser decides if needed
    Overflow:hidden;    #example hide the additional content
}