首頁 > 開發者 > JavaScript
標籤：ie9 height doc 聲明 四大家族 padding com null .com
javascript 元素對象擁有scroll家族主要屬性：
ScrollTop: （被捲軸捲去的頭部高度）
ScrollLeft: （被捲軸捲曲的左側距離）
ScrollWidth （內容實際寬度：width+padding+超出盒子的寬度）
ScorllHeight （內容實際高度：height+padding+超出盒子的高度）
Scroll可通過元素對象的屬性ScrollTop和ScrollLeft找到它。
但整個瀏覽器的捲軸即document的捲軸元素歸屬存在相容性問題。
IE678以及其他瀏覽器認為整個文檔對象屬於document.documentElement元素的即html。
未聲明DTD <!DOCTYPE html> 的瀏覽器認為文檔對象屬於document.body元素的。
所以只要找正確元素即可實現瀏覽器安全色。if(document.CompatMode==CSS1Compat)表示支援document.documentElement元素，else 表示支援document.body元素。
最新瀏覽器IE9+及其他瀏覽器都認為整個文檔屬於Window對象的，可通過Window.pageXOffset和Window.pageYOffset獲得，也可以通過Window.scrollTo(x,y)將瀏覽器捲軸滑動到指定x,y
封裝 scroll函數
1 function scroll(element, vals) { 2 if (element == null) { 3 return; 4 } 5 if (vals == null) { 6 7 return { 8 left: element.scrollLeft, 9 top: element.scrollTop10 }11 12 } else {13 element.scrollTop = vals.top;14 element.scrollLeft = vals.left;15 }16 }scroll
JavaScript四大家族之scroll家族
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
