文档章节

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

山哥
 山哥
发布于 2014/06/13 10:22
字数 166
阅读 511
收藏 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);


© 著作权归作者所有

共有 人打赏支持
山哥

山哥

粉丝 242
博文 351
码字总数 136465
作品 0
南京
程序员
CSS兼容IE/Firefox要点

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

黄平俊
2009/04/18
0
0
div+css 你知道多少?值得一看

DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表...

晨曦之光
2012/03/09
0
0
转载 div+css浏览器兼容实例二:css hack的理解

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

oecp
2011/06/07
0
0
div+css 布局下兼容IE6 IE7 FF常见问题

div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF) height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100p...

晨曦之光
2012/03/09
0
0
CSS的inhert与auto

见好就收^^ 转自:http://www.cnblogs.com/rubylouvre/archive/2009/09/04/1559557.html 一 个很显浅的寓言,千年老树,电打雷劈,屹立不倒,却毁于蝼蚁的侵袭之下。自以为精通CSS的人,常常...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

用Golang做了一个命令行贪吃蛇游戏

用Golang做了一个命令行贪吃蛇游戏 项目介绍 项目链接:https://gitee.com/lwow2025/snake-go 最近看了一本做几个小项目的书,突然就想用Golang做一个命令行贪吃蛇,也没啥特殊原因。 软件架...

Mediv
16分钟前
0
0
storm的利用并行度提高处理速度的经验

在storm的流计算框架中,在数据量非常大或者计算逻辑比较复杂的情况下,可能会造成处理速度变慢的情况,最后反而不满足了系统的处理要求,因此这里讨论一下。本文的内容是我在storm的使用过程...

飓风2000
25分钟前
0
0
课程推荐|深入浅出区块链博主:全栈区块链开发者的4堂必修课(线上优惠)

Tiny熊从2017年开始更新“深入浅出区块链”博客,在第一篇文章中,关于如何系统学习区块链技术,他这样描述:“从事区块链开发也有很多方向,如:区块链应用开发人员、区块链架构师、底层核心...

HiBlock
37分钟前
0
0
激活win10 亲测有效

1.首先,我们先查看一下Win10正式专业版系统的激活状态: 点击桌面左下角的“Windows”按钮,从打开的扩展面板中依次点击“设置”-“更新和安全”,并切换到“激活”选项卡,在此就可以查看到...

可达鸭眉头一皱
39分钟前
0
0
SpringWind180926

SpringWind SpringWind项目代码学习笔记 /SpringWind/src/main/webapp/WEB-INF/views/login.html 第15行action="#springUrl('/account/login.html')"【为什么是#springUrl】 第4行<a class=......

颖伙虫
51分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部