關(guān)于window.pageYOffset和document.documentElement.scrollTop
更新時間:2011年04月05日 21:59:21 作者:
window.pageYOffset:Netscape屬性,指的是滾動條頂部到網(wǎng)頁頂部的距離
舉個例子:
Css:假定進(jìn)行如下簡單設(shè)置;
html{height:1000px;}
JS:
function(){
window.scrollBy(0,100);
alert(window.pageYOffset);
}
Results:
//點(diǎn)擊一次后彈出:100;得出的是一個數(shù)值,read-only屬性;value:Integer(整數(shù)),default:0;
附注:當(dāng)滾動條到達(dá)頁面最底部時,window.pageYOffset=1000-document.documentElement.clientHeight;
Css:假定進(jìn)行如下簡單設(shè)置;
html{height:1000px;}
JS:
復(fù)制代碼 代碼如下:
function(){
window.scrollBy(0,100);
alert(window.pageYOffset);
}
Results:
//點(diǎn)擊一次后彈出:100;得出的是一個數(shù)值,read-only屬性;value:Integer(整數(shù)),default:0;
附注:當(dāng)滾動條到達(dá)頁面最底部時,window.pageYOffset=1000-document.documentElement.clientHeight;
您可能感興趣的文章:
- top、clientTop、scrollTop、offsetTop
- scrollTop 用法說明
- jQuery 位置函數(shù)offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
- js中top、clientTop、scrollTop、offsetTop的區(qū)別 文字詳細(xì)說明版
- js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差別介紹
- 關(guān)于scrollLeft,scrollTop的瀏覽器兼容性測試
- jquery scrollTop方法根據(jù)滾動像素顯示隱藏頂部導(dǎo)航條
- javascript scrollTop正解使用方法
- jQuery動畫效果animate和scrollTop結(jié)合使用實(shí)例
- JS中完美兼容各大瀏覽器的scrolltop方法
相關(guān)文章
Javascript中關(guān)于Array.filter()的妙用詳解
大家應(yīng)該都知道filter是Javascript中Array常用的操作,它用于把Array的某些元素過濾掉,然后返回剩下的元素。下面這篇文章就給大家介紹了關(guān)于Javascript中Array.filter()的妙用,有需要的朋友們可以參考借鑒,下面來一起看看吧。2016-12-12
javascript應(yīng)用:Iframe自適應(yīng)其加載的內(nèi)容高度
javascript應(yīng)用:Iframe自適應(yīng)其加載的內(nèi)容高度...2007-04-04
JavaScript+Canvas創(chuàng)建一個獨(dú)特的字符畫生成器
這篇文章主要介紹了如何使用 Canvas 和 JavaScript 創(chuàng)建一個獨(dú)特的字符畫生成器,通過此生成器,我們可以將圖片轉(zhuǎn)換為由字符構(gòu)成的作品,感興趣的可以了解下2024-01-01
JavaScript Event學(xué)習(xí)第十章 一些可替換的事件對
為了讓我們的JavaScript驅(qū)動的頁面對那些不能或者不想使用鼠標(biāo)的用戶也能很好的使用,我們對于像mouseover和click這樣的事件做一些處理,同樣的,對于非鼠標(biāo)事件也同樣的要我們的腳本執(zhí)行。2010-02-02
微信小程序MUI導(dǎo)航欄透明漸變功能示例(通過改變rgba的a值實(shí)現(xiàn))
這篇文章主要介紹了微信小程序MUI導(dǎo)航欄透明漸變功能,結(jié)合實(shí)例形式分析了通過改變rgba的a值實(shí)現(xiàn)透明度漸變功能的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中對象的定義和繼承詳解
這篇文章主要介紹了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中對象的定義和繼承,結(jié)合實(shí)例形式詳細(xì)分析了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中對象定義、繼承、屬性、方法、深拷貝等相關(guān)概念與操作技巧,需要的朋友可以參考下2019-07-07

