獲取不到scrollTop的問題

KunMinX 發布于2019-08-23 11:47 / 2576人閱讀

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

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

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

所以說，按照W3C標準開發是多么的重要

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

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

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

GPU云服務器云服務器橙云服務器獲取不到oss的圖片獲取不到獲取不到js scrollTop

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97471.html

函數節流和圖片懶加載

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

smallStone 2019-08-01 17:40 評論0 收藏0
函數節流和圖片懶加載

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

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

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

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

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

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

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

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