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

在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);


你可能感兴趣的:(解决在Firefox(<21)下获取 scroll[Width|Height] 值不正确的bug)