深入淺析javascript中的scrolltop

深入淺析javascript中的scrolltop

ID:30517606

大?。?5.97 KB

頁(yè)數(shù):3頁(yè)

時(shí)間:2018-12-31

深入淺析javascript中的scrolltop_第1頁(yè)
深入淺析javascript中的scrolltop_第2頁(yè)
深入淺析javascript中的scrolltop_第3頁(yè)
資源描述:

《深入淺析javascript中的scrolltop》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)

1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解深入淺析JavaScript中的scrollTop  這篇文章主要介紹了深入淺析JavaScript中的scrollTop的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下  含義:滾動(dòng)條高度  作用:滾動(dòng)加載(ajax),滾動(dòng)導(dǎo)航固定定位,滾動(dòng)彈框定位等等.  展示滾動(dòng)導(dǎo)航和側(cè)邊欄滾動(dòng)固定定位的效果:  1、chrome瀏覽器  document.body.scrollTop和document.documentEl

2、ement.scrollTop都可以?  2、各瀏覽器下scrollTop的差異  IE6/7/8/9/10:  對(duì)于沒(méi)有doctype聲明的頁(yè)面里可以使用document.body.scrollTop來(lái)獲取scrollTop高度;  對(duì)于有doctype聲明的頁(yè)面則可以使用document.documentElement.scrollTop;  Safari:  safari比較特別,有自己獲取scrollTop的函數(shù):window.pageYOffset;  Firefox:  火狐等等相對(duì)標(biāo)準(zhǔn)些的瀏覽器就省心多了,直接用對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體

3、會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解  document.documentElement.scrollTop;  3、獲取scrollTop值  完美的獲取scrollTop賦值短語(yǔ):  varscrollTop=document.documentElement.scrollTop

4、

5、window.pageYOffset

6、

7、document.body.scrollTop;  

8、ps:javascript中scrolltop用法的問(wèn)題  document.documentElement.scrollTop指的是滾動(dòng)條的垂直坐標(biāo)  document.documentElement.clientHeight指的是瀏覽器可見(jiàn)區(qū)域高度  document.documentElement.clientHeight-oDiv是懸浮框的初始垂直坐標(biāo)(相對(duì)于body的top值)(這個(gè)值是固定不變的)  但是當(dāng)你拉動(dòng)滾動(dòng)條的時(shí)候,懸浮框的垂直坐標(biāo)(target)必須要在初始坐標(biāo)的基礎(chǔ)上增減相應(yīng)的值才能獲得視覺(jué)上隨滾動(dòng)條滾動(dòng)的效果,而這個(gè)增減的值就是滾動(dòng)條拉

9、動(dòng)的距離,即你這個(gè)scrollTop  下面給大家說(shuō)下javascript中scrollTop和offsetTop有啥區(qū)別對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí),了解了黨的發(fā)展歷程,對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解  scrollTop是指某個(gè)可滾動(dòng)區(qū)塊向下滾動(dòng)的距離,比如向下滾動(dòng)了10個(gè)像素,那么這個(gè)元素的scrollTop屬性值就是10;  offsetTop則是元素的上邊框與父元素的上邊

10、框的絕對(duì)距離?! 烧呙枋龅牟皇峭粋€(gè)東西,所以沒(méi)有可比性?! ∫陨纤鍪切【幗o大家介紹的JavaScript中的scrollTop的全部敘述,希望對(duì)大家有所幫助對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確,更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。