解决在Firefox(<21)下获取 scroll[Width|Height] 值不正确的bug

最新推荐文章于 2023-04-18 22:33:51 发布

weixin_33709219

最新推荐文章于 2023-04-18 22:33:51 发布

阅读量340

点赞数

原文链接：https://my.oschina.net/jsan/blog/278994

版权

为什么80%的码农都做不了架构师？>>>

在Firefox版本< 21中，js获取DOM对象的 scrollWidth 和 scrollHeight 的值不正确，都是等于 clientWidth 或 clientHeight。

https://bugzilla.mozilla.org/show_bug.cgi?id=833542

解决方法如下：

var ele = document.getElementById('xxx');
// 1. 先把需要获取DOM对象的overflow强制指定为hidden
ele.style.overflow = 'hidden'; 
// 2. 然后再获取对象的 scrollWidth 或 scrollHeight
var sw = ele.scrollWidth;
// 3. 最后恢复DOM对象的原始oveflow属性
ele.style.overflow = 'visible';

alert("clientWidth="+ ele.clientWidth + ", scrollWidth="+ sw);

jQuery写法：

var ele = $('xxxx');
var sw = ele.css('overflow', 'hidden')[0].scrollWidth;
ele.css('overflow', 'visible');

alert("clientWidth="+ ele[0].clientWidth + ", scrollWidth="+ sw);

转载于:https://my.oschina.net/jsan/blog/278994