Javascript 如何区分带滚动条和不带滚动条的两个div

我有一个css的div

.comment-list {
margin: 20px 0;
max-height: 100px;
min-height: 100px;
overflow-y: scroll;
width: 100%;
background-color:#000;
}

和HTML

<div class="comment-list"> </div>

---

如果显示的滚动条太高，并且没有内容没有滚动条…如何使用Jquery确定滚动条是否存在

---

在上面的链接中，我使用了相同的div，有内容和没有内容

我没有完全理解您的问题，但是如果您试图使滚动条消失，如果不需要，请尝试此操作

使用

溢出：自动

.comment-list {
margin: 20px 0;
max-height: 100px;
min-height: 100px;
overflow-y: auto;
width: 100%;
background-color:#000;
}

使用jquery的“滚动”功能，您可以轻松识别

 $( ".comment-list" ).scroll(function() {
    // scrollbar appeared
 }

如果您想查看是否有滚动条，请使用javascript（或者jquery，如果您愿意）获取内部元素的高度，如果其超过父元素的最大高度，则应该有一个滚动条，您必须更改
overflow-y:scroll到<代码>溢出-y：自动要执行此操作：

.comment-list {
margin: 20px 0;
max-height: 100px;
min-height: 100px;
overflow-y: auto;
width: 100%;
background-color:#000;
}

这里是

如果div包含很多需要滚动的文本，它就会出现在那里，否则就不会显示。
您的问题是：如何确定滚动条是否存在

您可以使用
scrollHeight
检查
height（）
：


$（'.comment list'）。每个（函数（i）{
if（$（this.height（）<$（this.get）（0.scrollHeight）{
$（this）.prepend（'has Scrollbar'）.css（'color'，'white'）；
}
});
。注释列表{
利润率：20px0；
最大高度：100px；
最小高度：100px；
溢出y：滚动；
宽度：100%；
背景色：#000；
}

foo
foo
foo
foo
foo
foo
foo
foo
foo

foo
foo
foo
foo
foo
foo
foo
foo
foo

请在问题中张贴所有相关代码。如果没有JSFIDLE代码段中的HTML，您的问题本身就没有什么意义，如果JSFiddle由于任何原因出现故障，这个问题将无法解决。如果我读对了，OP希望使用javascript检查滚动条是否可见（由于内部内容），而不是使用css来显示/隐藏滚动条是的，但是如果css给出了想要的结果，为什么我们要使用Javascript？？？css不能告诉你滚动条是否可见。也就是说，如果用户想要在div有滚动条的情况下“做”一些事情（可能服务器上的内容是动态的），那么就需要javascript。但是，我可能再次误解了OP，“differention”对我来说意味着某种检查，而不是一个样式规则“如何确定滚动条是否存在，使用Jquery”-但是为什么我们需要确定滚动条是否存在，CSS是否可以为我们做所有的工作？我很确定OP会在需要的时候自动显示这个滚动条。哇！没有理由否决，因为此代码正在运行。