HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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将无法滚动屏幕

大佬总结

以上是大佬教程为你收集整理的javascript – 测试页面是否有水平滚动条(计算机和移动设备)全部内容,希望文章能够帮你解决javascript – 测试页面是否有水平滚动条(计算机和移动设备)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: