Javascript 獲取滾動條位置等信息的函數(shù)
更新時間：2009年09月08日 22:49:19 作者：
有時為了準確定位一個元素，我們需要獲取滾動條的位置，這種需求經(jīng)常出現(xiàn)在 tooltip 和 拖放等應用中，其實這個技術很簡單，關鍵是要考慮瀏覽器的兼容性，本文就是介紹這一問題的解決方法。
其實這段代碼在之前的 “ 用 Javascript 實現(xiàn)錨點(Anchor)間平滑跳轉(zhuǎn)” 一文已經(jīng)介紹過了，但是由于這個需求并且經(jīng)常用到，因此，本站專門發(fā)布此文介紹，方便查閱。
<script type="text/javascript">
// 說明：用 Javascript 獲取滾動條位置等信息
// 來源 ：ThickBox 2.1
function getScroll()
{
var t, l, w, h;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
} else if (document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
return { t: t, l: l, w: w, h: h };
}
</script>
復制代碼 代碼如下:
<script type="text/javascript">
// 說明：用 Javascript 獲取滾動條位置等信息
// 來源 ：ThickBox 2.1
function getScroll()
{
var t, l, w, h;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
} else if (document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
return { t: t, l: l, w: w, h: h };
}
</script>
相關文章
js自執(zhí)行函數(shù)的幾種不同寫法的比較,需要的朋友可以參考下2012-08-08
原生JS 實現(xiàn)的input輸入時表格過濾操作示例
這篇文章主要介紹了原生JS 實現(xiàn)的input輸入時表格過濾操作,結(jié)合實例形式分析了JavaScript基于頁面元素遍歷、運算、判斷實現(xiàn)的表格過濾相關操作技巧,需要的朋友可以參考下2019-08-08
JavaScript 小型打飛機游戲?qū)崿F(xiàn)原理說明
這次為大家?guī)淼男∮螒蚴牵捍蝻w機。呃。。。我本人就寫不出什么驚天大作的游戲的了，只能寫寫小游戲，代碼量小，又可以學習，主要是想法思路，代碼量大，估計也沒啥人會去研究學習。。。2010-10-10
這篇文章主要介紹了JavaScript柯里化函數(shù)式編程，JS柯里化是前端面試中最常見的問題之一，它可以讓你的代碼更簡潔，工作更高效，感興趣想要詳細了解可以參考下文2023-05-05
Threejs與Tween.js結(jié)合創(chuàng)建動畫的詳細圖文教程
three.js和tween.js可以一起使用,實現(xiàn)復雜的動畫效果,包括飛線動畫,這篇文章主要給大家介紹了關于Threejs與Tween.js結(jié)合創(chuàng)建動畫的相關資料,需要的朋友可以參考下2024-01-01
由于WEBIM處在獨立頁面,所以如果多次點擊就會出現(xiàn)多個頁面,本文將介紹詳細的解決方法，需要了解的朋友可以參考下2012-12-12
百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向
本文主要介紹了百度地圖JavascriptApi Marker平滑移動及車頭指向行徑方向的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
請注意，這里說的是運算數(shù)的求值順序。而非運算符，運算符的求值順序我們比較熟悉。2011-08-08
JavaScript中call、apply、bind實現(xiàn)原理詳解
其實在很多文章都會寫call，apply，bind,但個人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實現(xiàn)原理的相關資料,需要的朋友可以參考下2021-06-06
這篇文章主要介紹了antDesign 自定義分頁樣式的實現(xiàn)代碼，這里用到了自定義指令,如果大家用不到可以按照自己的實際效果開發(fā),本文通過實例代碼給大家詳細講解，需要的朋友可以參考下2022-10-10