判断一个元素是否有滚动条的Js方法

正文：

Js 判断一个页面或者 DIV 是不是滚动条。解决办法很简单。首先用 js 控件元素滚动某个值，然后取当前滚动值是否大于 0。如果大于 0，说明有滚动条。如果等于 0，则表示没有滚动条。

例 1：js 判断页面是否有滚动条

 document.documentElement.scrollTop = 10; //先滚动一下页面的滚动条
if (document.documentElement.scrollTop > 0) { //判断滚动条是否发生了偏远
    console.log('有滚动条');
} else {
    console.log('无滚动条');
}
 document.documentElement.scrollTop = 0; //恢复滚动条到顶部  

例 2：JS 判断某个指定 DIV 元素是否有滚动条

 <div id="mochu">
    <p>汇站网</p>
    <p>https://www.huizhanii.com/</p>   
</div>
<script>
// 
document.getElementById('mochu').scrollTop = 10; //先滚动一下页面的滚动条
if (document.getElementById('mochu') > 0) { //判断滚动条是否发生了偏远
    console.log('有滚动条');
} else {
    console.log('无滚动条');
}
document.getElementById('mochu').scrollTop = 0; //恢复滚动条到顶部
</script>  

Js 方法判断是否有滚动条用 jq 判断一个html元素是否有滚动条，其求解原理和 js 判断一个页面或 DIV 是否有滚动条是一样的。

例 1：jq 判断整个页面是否有滚动条

 // 
$("body").scrollTop(5); //控制滚动条下移 5px
if( $("body").scrollTop() > 0 ){ //判断滚动条是否发生了偏移
    alert("有滚动条");
}else{
    alert("没有滚动条");
}
$("body").scrollTop(0);//恢复滚动条返回顶部  

例 2：jq 判断指定元素是存在滚动条

 <div id="mochu">
    <p>汇站网</p>
    <p>https://www.huizhanii.com/</p>   
</div>
<script>
// 
$("#mochu").scrollTop(5); //控制滚动条下移 5px
if( $("#mochu").scrollTop() > 0 ){ //判断滚动条是否发生了偏移
    alert("有滚动条");
}else{
    alert("没有滚动条");
}
$("#mochu").scrollTop(0);//恢复滚动条返回顶部
</script>  

转载请注明：汇站网 » 判断一个元素是否有滚动条的 Js 方法