javascript – 测试页面是否有水平滚动条(计算机和移动设备)

在网页上,我需要测试是否存在水平滚动条(以便我以编程方式更改其他元素的css).有没有办法使用jquery(或纯javascript)获取该信息？

我测试过了

function isHorizontalScrollbarEnabled() {
    return $(document).width()!=$(window).width();
}

但它似乎并不适用于所有浏览器(例如我最近测试过的三星手机不起作用).我需要它适用于所有浏览器,包括最近的移动设备.

谢谢！

编辑1

我测试了plalx和laconbass提供的解决方案,测试了IE8,Firefox,Chrome和iPad.适用于IE,Firefox和& Chrome但不是我想要的iPad.

问题似乎与移动设备上的缩放功能有关：即使我在iPad上放大时,会出现水平滚动条,文档,窗口和文档.主体宽度不会改变(三星手机也是同样的问题我今天早些时候测试过)

这是我用来测试的代码：

任何想法如何检测水平滚动条的存在,也可以在像iPad这样的移动设备上放大/缩小后工作？

最佳答案

//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将无法滚动屏幕

原文地址：https://www.jb51.cc/html/426446.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。