网页高度怎么设置
1. JQUERY
2. JQUERY + CSS
测试通过环境:
Firefox
v31
Chrome
v37
IE
v11
(jQuery 1.7.2 - 2.1.3)
原理
:利用textarea的scrollHeight属性,这个属性的值就是文本的高度。把textarea的高度设为它即可。
在初始化事件和onInput两个事件里对高度进行设置。
scrollHeight返回元素的完整的高度,以像素为单位
当一个元素拥有滚动条时(比如由于 CSS 的 overflow 属性),这些属性和 offsetHeight 不同,offsetHeight只是报告元素的可见部分的大小
来源:
javascript - Creating a textarea with auto-resize
固定表头怎么弄
如果Table数据过多,页面必然会拉的很长,固定表头,可以方便用户对照表头项目列表。近日做后台界面时,整理固定表头三种方法:
A:使用JQuery UI插件,用DIV替换table,overflow-y:hidden达到滚动,让 thead绝对定位达到固定的目的,方法如下:
+ View Code
页面调用如下:
+ View Code
此方法IE和FF的兼容性都很好,推荐。
B:利用css滤镜实现,但FF不支持微软的东西,不兼容。DOM如下:
+ View Code
C:最简单的方法当然是写2个table,用DIV的overflow-y:auto来实现,兼容性绝对没问题,麻烦之处在于2个table的对齐问题,另外用脚本赋予高度的话,需要加onresize()方法。DOM如下:
+ View Code
有时候最笨的方法也可能是最简单最好的方法,这样写的兼容性绝对安全,灵活性也不错。

