Javascript 测试页面是否有水平滚动条（计算机和移动设备）
在网页上，我需要测试是否有水平滚动条（以便通过编程更改其他元素的css）。有什么方法可以使用jquery（或纯javascript）获取这些信息吗 我测试了Javascript 测试页面是否有水平滚动条（计算机和移动设备）,javascript,jquery,html,cross-browser,scrollbar,Javascript,Jquery,Html,Cross Browser,Scrollbar,在网页上，我需要测试是否有水平滚动条（以便通过编程更改其他元素的css）。有什么方法可以使用jquery（或纯javascript）获取这些信息吗 我测试了 function isHorizontalScrollbarEnabled() { return $(document).width()!=$(window).width(); } 但它似乎并不适用于所有浏览器（例如，我测试过的最新三星手机就不适用）。我需要它与所有浏览器一起工作，包括最新的移动设备 谢谢大家! 编辑1 我测试了p
function isHorizontalScrollbarEnabled() {
return $(document).width()!=$(window).width();
}
文档窗口文档。机身<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<title>test</title>
</head>
<body>
<div style="width: 500px; background: red;" id="test">click here to test</div>
<script type="text/javascript">
var i = 1;
$("#test").click(function(){
$(this).html("Test #" + (i++)
+ "<br>document width=" + $(document).width() + ", windows width=" + $(window).width()
+ "<br>document width=" + $(document).width() + ", body width=" + $(document.body).width()
);
});
</script>
</body>
</html>
测试
单击此处进行测试
var i=1；
$（“#测试”）。单击（函数（）{
$（this）.html（“Test#”+（i++）
+“
文档宽度=“+$（文档）.width（）+”，窗口宽度=“+$（窗口）.width（）
+“
文档宽度=“+$（document.width（）+”，正文宽度=“+$（document.body.width（））
);
});
//scrol 1px to the left
$(document).scrollLeft(1);
if($(document).scrollLeft() != 0){
//there's a scroll bar
}else{
//there's no scrollbar
}
//scroll back to original location
$(document).scrollLeft(0);
这是因为如果没有可用的滚动条，JQuery将无法滚动屏幕。编辑2：我投了反对票，因为这对页面无效，所以我根据@Pabs123的答案构建了一个通用解决方案，只是为了好玩：
函数hasScrollX（选择器）{
变量e=$（选择器），fn='scrollLeft'；
返回e[fn]（1）和&e[fn]（）>0和&e[fn]（0）和&true；
}
jQuery.fn.hasScrollX=函数（）{
var fn='scrollLeft'；
返回此[fn]（1）和&this[fn]（）>0和&this[fn]（0）和&true；
}
$（文档）.width（）>$（窗口）.width（）
你可以看到它正在运行，并且可能与我在那篇文章中尝试的解决方案重复，该解决方案与chrome兼容，但与firefox兼容，
$（“body”）[0]。scrollWidth$（“body”）[0].clientWidthelem.get（0.scrollWidth>elem.width（）