獲取不到scrollTop的問題

KunMinX 發(fā)布于2019-08-23 11:47 / 2587人閱讀

摘要：今天在開發(fā)過程中需要獲取，但是不論是用原生的還是的獲取到的值始終為。

今天在開發(fā)過程中需要獲取scrollTop，但是不論是用原生的scrollTop還是JQ的scrollTop獲取到的值始終為0。
原來是DOCTYPE的坑。

 //獲取scrollTop始終為0
　// 可正常獲取scrollTop

所以說，按照W3C標(biāo)準(zhǔn)開發(fā)是多么的重要

各瀏覽器下 scrollTop的差異
IE6/7/8：
對于沒有doctype聲明的頁面里可以使用 document.body.scrollTop 來獲取 scrollTop高度；
對于有doctype聲明的頁面則可以使用 document.documentElement.scrollTop；
Safari:
safari 比較特別，有自己獲取scrollTop的函數(shù) ： window.pageYOffset ；
Firefox:
火狐等等相對標(biāo)準(zhǔn)些的瀏覽器就省心多了，直接用 document.documentElement.scrollTop ；
2、獲取scrollTop值
完美的獲取scrollTop 賦值短語：

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

通過這句賦值就能在任何情況下獲得scrollTop 值。

GPU云服務(wù)器云服務(wù)器橙云服務(wù)器獲取不到oss的圖片獲取不到獲取不到j(luò)s scrollTop

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97471.html

相關(guān)文章

函數(shù)節(jié)流和圖片懶加載

摘要：然而，如果前一個(gè)定時(shí)器尚未執(zhí)行，其實(shí)就是替換為一個(gè)新的定時(shí)器，目的是只有在執(zhí)行函數(shù)的請求停止了一段時(shí)間后才執(zhí)行。首先清除之前設(shè)置的任何定時(shí)器，定時(shí)器是儲(chǔ)存在函數(shù)的屬性中的。導(dǎo)讀這篇文章中主要介紹一下函數(shù)節(jié)流，然后給了一個(gè)圖片懶加載的例子，說圖片懶加載的時(shí)候順帶提了下怎么使用JS獲取頁面的寬高，卷上去的長度等。參考來源主要是《JavaScript高級程序設(shè)計(jì)》。函數(shù)節(jié)流瀏覽器的D...

smallStone 2019-08-01 17:40 評論0 收藏0
函數(shù)節(jié)流和圖片懶加載

摘要：然而，如果前一個(gè)定時(shí)器尚未執(zhí)行，其實(shí)就是替換為一個(gè)新的定時(shí)器，目的是只有在執(zhí)行函數(shù)的請求停止了一段時(shí)間后才執(zhí)行。首先清除之前設(shè)置的任何定時(shí)器，定時(shí)器是儲(chǔ)存在函數(shù)的屬性中的。導(dǎo)讀這篇文章中主要介紹一下函數(shù)節(jié)流，然后給了一個(gè)圖片懶加載的例子，說圖片懶加載的時(shí)候順帶提了下怎么使用JS獲取頁面的寬高，卷上去的長度等。參考來源主要是《JavaScript高級程序設(shè)計(jì)》。函數(shù)節(jié)流瀏覽器的D...

tomlingtm 2019-08-21 16:44 評論0 收藏0
Web前端開發(fā)過程踩過的坑以及一些小方法技巧（持續(xù)更新）

摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(fā)對于文件的處理問題。解決方法有給元素設(shè)置絕對定位即可。元素?fù)Q成內(nèi)聯(lián)元素，如。一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

arashicage 2019-08-23 15:13 評論0 收藏0
Web前端開發(fā)過程踩過的坑以及一些小方法技巧（持續(xù)更新）

摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(fā)對于文件的處理問題。解決方法有給元素設(shè)置絕對定位即可。元素?fù)Q成內(nèi)聯(lián)元素，如。一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

binta 2019-08-02 14:15 評論0 收藏0
Web前端開發(fā)過程踩過的坑以及一些小方法技巧（持續(xù)更新）

摘要：一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對于，如果工具是以下版本，在中加入以下代碼以上的版本加入以下代碼八開發(fā)對于文件的處理問題。解決方法有給元素設(shè)置絕對定位即可。元素?fù)Q成內(nèi)聯(lián)元素，如。一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...

張春雷 2019-08-30 15:55 評論0 收藏0