整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
動距離
document.body.scrollTop IE、FF
document.documentElement.scrollTop chrome
兼容性寫法:
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;與 document.documentElement 屬性不同的是, document.body 屬性返回 <body> 元素, document.documentElement 屬性返回 <html> 元素。
根節點
有兩種特殊的文檔屬性可用來訪問根節點：
document.documentElement chome object HTMLHtmlElement
document.body IE、FF object HTMLBodyElement
第一個屬性可返回存在于XML以及HTML文檔中的文檔根節點(html標記)。
第二個屬性是對HTML頁面的特殊擴展,提供了對<body>標簽的直接訪問(body標記)。
窗口尺寸、工作區尺寸
可視區尺寸寬度
document.body.clientWidth IE、FF
document.documentElement.clientWidth chome
兼容性寫法：
document.documentElement.clientWidth || document.body.clientWidth;可視區尺寸高度
document.body.clientHeight IE、FF
document.documentElement.clientHeight chome
兼容性寫法：
document.documentElement.clientHeight || document.body.clientHeight;獲取瀏覽器窗口水平滾動條的位置
document.body.scrollLeft;
document.documentElement.scrollLeft
兼容性寫法：
document.documentElement.scrollLeft || document.body.scrollLeft;獲取瀏覽器窗口垂直滾動條的位置
document.body.scrollTop IE、FF
document.documentElement.scrollTop chrome
兼容性寫法：
document.documentElement.scrollTop || document.body.scrollTop;注意：IE、FF已經支持documentElement對象的各種屬性, 而
以上兼容性寫法不影響所獲的屬性值
編寫自定義函數：
// 獲取瀏覽器窗口的可視區域的寬度
function getViewPortWidth() {
return document.documentElement.clientWidth || document.body.clientWidth;
}// 獲取瀏覽器窗口的可視區域的高度
function getViewPortHeight() {
return document.documentElement.clientHeight || document.body.clientHeight;
}// 獲取瀏覽器窗口水平滾動條的位置
function getScrollLeft() {
return document.documentElement.scrollLeft || document.body.scrollLeft;
}// 獲取瀏覽器窗口垂直滾動條的位置
function getScrollTop() {
return document.documentElement.scrollTop || document.body.scrollTop;
}<!DOCTYPE HTML>聲明對JavaScript獲取窗口寬度和高度的影響
了讓我們的信息能夠有效地溝通，我們需要創建用戶和我們的媒體之間的強有力的聯系。今天我們就來探討在網絡上呈現故事的新方法，并為此創造了一個開源和免費使用的 JavaScript 庫稱為 space.js。該庫是 HTML 驅動的，這意味著你不需要在網站上寫一行 JavaScript 代碼就可以，仍然有很大的靈活性。
預覽：
http://www.slashie.org/space.js/
下載地址：
http://www.qietu.cn/thread-15154-1-1.html
----------
加微信公眾號qietuwang，獲取最新資訊
ad ~ 自學3月前端找不到工作？ 切圖網 旗下首個web前端真實項目實戰培訓品牌 切入口即將開班，讓你的簡歷豐富不止3倍，詳情請加前端講師qq 6133576 獲取最新開班通知，web前端學習千人群：469861419
影預告動態滾動效果圖
效果所用知識點：html常用標簽, css浮動定位盒模型，javascript自定義動畫、鼠標跟隨移動特效等。
如果有正在學習前端的伙伴，不知道怎么學習的可以加一下我的前端群589651705，每天都會分享一些企業級的知識和特效分享。
精美選項卡特效源碼：
中間布局只是UL，li就不發出來了。
需要更多的炫酷企業級練習特效，學習方法和面試技巧，敬請關注本頭條號！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
