|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
更好的控制页面布局。不用多说。
破洛洛文章简介:猎取页面可视地区高度,猎取页面高度,猎取转动条转动上往的页面高度.
functiongetWH(){varwh={};"HeightWidth".replace(/[^s]+/g,function(a){varb=a.toLowerCase();wh[b]=window["inner".concat(a)]||document.compatMode==="CSS1Compat"&&document.documentElement["client".concat(a)]||document.body["client".concat(a)];});returnwh;}懂得两个名词:BackCompat尺度兼容形式封闭(奇异形式)CSS1Compat尺度兼容形式开启这个办法为猎取页面可视地区的高度,一般情形下,window.innerHeight便可猎取,假如是一般形式,而且有clientHeight的情形下,document.documentElement.clientHeight猎取的就是可视地区高度。在奇异形式下,是利用document.body猎取。
functiongetBodyWH(){varwh={};"HeightWidth".replace(/[^s]+/g,function(a){varb=a.toLowerCase();wh[b]=document.compatMode==="CSS1Compat"&&document.documentElement["scroll".concat(a)]||document.body["scroll".concat(a)];});returnwh;}这个为猎取页面的高度,用于iframe的自顺应时分猎取。
varss={};ss.scrollTopFn=function(arg){vara=navigator.userAgent.toLowerCase().indexof("webkit");//判别webkit内核varscrollTop;if(a>-1||document.compatMode=="BackCompat"){this.scrollTopFn=function(arg){if(typeofarg==number){document.body.scrollTop=arg;}else{returndocument.body.scrollTop;}}}else{this.scrollTopFn=function(arg){if(typeofarg==number){document.documentElement.scrollTop=arg;}else{returndocument.documentElement.scrollTop;}}}returnthis.scrollTopFn.apply(this,arguments);}这个前往scrollTop即转动上往的页面的高度,由于在webkit内核下衬着的都是利用body,以是和下面两个判别是纷歧样的。在奇异形式下一样是用body。其他情形都是用documentElment。这些玩意蛮烦的,明天弄了一天赋总结出来了这么些,网上查找也没找到出格尺度的说法,就一个个本人试了下,写了几个函数以供今后利用。有人假如有更好的判别办法的话,还看告诉,感谢!</p>
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。 |
|