文档章节

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

山哥
 山哥
发布于 2014/06/13 10:22
字数 166
阅读 538
收藏 3

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


© 著作权归作者所有

共有 人打赏支持
上一篇: Fullscreen API
山哥

山哥

粉丝 245
博文 352
码字总数 136686
作品 0
南京
程序员
私信 提问
CSS兼容IE/Firefox要点

首先我们说说firefox和IE对CSS的宽度显示有什么不同: 其实CSS ’width’ 指的是标准CSS中所指的width的宽度,在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explor...

黄平俊
2009/04/18
227
0
转载 div+css浏览器兼容实例二:css hack的理解

上周给大家转载了《Div+css浏览器兼容实例分析(一)》,今天继续给大家转载《div+css浏览器兼容实例二:css hack的理解》。 先来说一下什么是css hack ,写了这么久的div+css代码,我还真不...

oecp
2011/06/07
0
0
ie678,FF,chrome的css兼容性

参考:http://www.liuzp.com/css/15.html css的兼容性一般都是前端初学者面临的一个头疼的问题,难免写出来的css在各个浏览器下的效果均有不同,于是乎各种css hack写法出来了,其实在一个规...

messud4312
2014/12/25
0
0
认识hasLayout——IE浏览器css bug的一大罪恶根源

什么是hasLayout?hasLayout 是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当...

lixiaokai2008
2013/09/06
0
0
Ionic 2.3.0 发布,HTML5 移动应用框架

Ionic 2.3.0 发布了,本次更新内容较多,看到还有对 IE 进行支持的改进。详细如下: Bug 修复 alert: pass id to alert inputs (46fe1ff), closes #10603 datetime: don't always disable d......

局长
2017/03/23
2.7K
5

没有更多内容

加载失败,请刷新页面

加载更多

mysql 查询当天、本周,本月,上一个月的数据

今天 select * from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS( NOW( ) ) - TO_DAYS( 时间字段名) <= 1 近7天 SELECT * FROM 表名 wher......

BraveLN
16分钟前
1
0
Android Multimedia框架总结(六)C++中MediaPlayer的C/S架构

前面几节中,都是通过java层调用到jni中,jni向下到c++层并未介绍 看下Java层一个方法在c++层 MediaPlayer后续过程 frameworks/av/media/libmedia/MediaPlayer.cpp 找一个我们之前熟悉的setDa...

天王盖地虎626
34分钟前
1
0
【Linux】【MySQL】CentOS7安装最新版MySQL8.0.13(最新版MySQL从安装到运行)

1、前言   框框博客在线报时:2018-11-07 19:31:06   当前MySQL最新版本:8.0.13 (听说比5.7快2倍)   官方之前表示:MySQL 8.0 正式版 8.0.11 已发布,MySQL 8 要比 MySQL 5.7 快 2 ...

Code辉
35分钟前
0
0
oracle dg备库重建redolog:ora-00313,ora-00312

trace文件: Errors in file /crbank/dbs/app/product/diag/rdbms/rdbs/dbs/trace/dbs_mrp0_24445130.trc: ORA-00313: open failed for members of log group 8 of thread 1 ORA-00312: onl......

hnairdb
48分钟前
1
0
深入分析Java I/O的工作机制 (一)

1.Java的I/O类库的基本架构 先说一下什么是类库:可以说是类的集合,类库包括接口、抽象类、具体类等。 I/O是机器获取和交互信息的主要渠道。 java在I/O上也一直在做持续的优化,在1.4版开始...

java菜分享
57分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部