zepto 获取隐藏元素的高度
2014-04-30 18:10
204 查看
主要思路如下:
1 用如下样式应用于元素:
cssShow = {position: "absolute", visibility: "hidden", display: "block"}
position:"absolute" 绝对定位,这样显示出来的元素就不会改变原来的文档流,从而避免页面变形的问题
visibility:"hidden" 不显示,但是会进行render
display:'block" 元素要render
2 计算元素的高度
3 恢复原来的属性
1 用如下样式应用于元素:
cssShow = {position: "absolute", visibility: "hidden", display: "block"}
position:"absolute" 绝对定位,这样显示出来的元素就不会改变原来的文档流,从而避免页面变形的问题
visibility:"hidden" 不显示,但是会进行render
display:'block" 元素要render
2 计算元素的高度
3 恢复原来的属性
['width','height'].forEach(function(key){ var cssShow = { position: "relative", visibility: "hidden", display: "block" }; var oldFunction = $.fn[key]; $.fn[key] = function(value){ if(typeof value =='undefined'){ return oldFunction(value); }else{ var self = this.eq(0),result=0; if(! self.offset.width){ var oldProperty = {}; for(var i in cssShow){ oldProperty[i] = self.css(i); self.css(i,cssShow[i]); } result+=parseFloat(self.css(key.toLowerCase())); for( i in cssShow){ self.css(i,oldProperty[i]); } } return result; } } });
相关文章推荐
- [leetcode]Swap Nodes in Pairs @ Python
- 图基本算法 图搜索(广度优先、深度优先)
- 导航栏按钮
- PlayerPrefs游戏存档
- 简介使用ASP.NET访问Oracle数据库的方法
- spring shiro权限注解方式验证;
- Jna简单实例子
- 动态规划之01背包问题(Knapsacks Problem)
- jni 调用c和c++的区别.
- js实现图片上传预览
- Android的onCreateOptionsMenu()创建菜单Menu详解
- Asp的19个基本技巧
- 基于Grove的.NET应用程序开发提示
- asp论坛在线人数统计研究
- nyoj 143 第几是谁?
- 几种流行Webservice框架性能对比
- 一个数字文本框控件,我觉得思路蛮不错的
- Ipad mini 停用后如何恢复
- 让ASP也可以连接MYSQL
- 使用DataGrid动态绑定DropDownList