成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? 淺談DOCTYPE對$(window).height()取值的影響
全站頭部文字 我要出現在這里
淺談DOCTYPE對$(window).height()取值的影響 621 2024-02-24   

前言:公司項目需要用到一個彈框垂直居中,網上類似的垂直居中彈出層大同小異,因為項目是基于Jquery 下的,所以用$(window).height()-layer.height())/2 +$(document).scrollTop()取得垂直的位移。測了各種瀏覽器沒問題,后臺人員移值到項目中后,出問題了,當頁面超出一屏時,在 chrome和FF下,彈出框不是在當前屏的垂直居中,而是相對于整個網頁的居中。

查閱各方資料,所有結論都指出:

1.窗口高度,$(window).height()

2.文檔高度,$(document).height()

3.被卷起的高度,$(window).scrollTop()

找到原因:而后,發現后臺人員的頁面沒有設DOCTYPE,所以在chrome中,$(window).height()=$(document).height(),$(document).height()表示在網頁實際內容高度沒有滿一屏時表示整個窗口的高度(窗口放大縮小時這個值會變化),頁當超過一屏時表示為整個網頁內容的實際高度,這點沒有異議,跟設不設DOCTYPE沒有影響。但是:$(window).height()在DOCTYPE為transitional.dtd時無論網頁內容實際高度超不超出滿屏情況下,都等于是整個窗口的高度(窗口放大縮小時這個值會變化),如果沒有設DOCTYPE則$(window).height()=$(document).height(),在即當內容超一屏時$(window).height()為網頁實際高度,并不是所說的等于窗口高度。

解決辦法:

s要取得窗口的高度,只能根據DOCTYPE來做相應的更改,在沒有設DOCTYPE時做如下處理

if($(document).height()>=$(window).height()){
  _windowHeight=document.body.clientHeight;
  }else{//alert($(window).height());
  _windowHeight=$(document).height();
  };

在有設DOCTYPE為transitional.dtd時,windowHeight=$(window).height()

以上這篇淺談DOCTYPE對$(window).height()取值的影響就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持綠夏網。



主站蜘蛛池模板: 根深蒂固韩国电影| 大姐大| 内裤之穴| 心跳源计划演员表| 婚后三十年电视剧剧情介绍| bobby charlton| 俺去也电影网| 张柏芝演的电视剧| 巴霍巴利王:开端 2015 帕拉巴斯| 朱莉与朱莉娅| 电影《皮囊》| 招领启事的格式| 恰纳卡莱之战完整版在线观看| 第八种爱情演员表| 爱在记忆中找你歌词| 蒙古小男孩唱哭全场| qq经典声音| 怀胎九月| 小数乘小数计算100道题| 色在线视频| 赖小子| 晋中电视台| 加入民盟的好处和坏处| 柏拉图的电影| 洞房奇谭电影免费版在线观看| 郭柯彤| 爱情公寓海报| 风筝 电影| 吻电影| 巢谷传| 啼笑姻缘| 北京 北京 汪峰歌曲| 市川美织| 南宝拉| 希崎| 汤唯韩国电影| 男人不可以穷演员表| 小班安全开学第一课| 麻美由真电影| 1881年| 腰带之下|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103