Javascript 獲取滾動(dòng)條位置等信息的函數(shù)
更新時(shí)間:2009年09月08日 22:49:19 作者:
有時(shí)為了準(zhǔn)確定位一個(gè)元素,我們需要獲取滾動(dòng)條的位置,這種需求經(jīng)常出現(xiàn)在 tooltip 和 拖放等應(yīng)用中,其實(shí)這個(gè)技術(shù)很簡(jiǎn)單,關(guān)鍵是要考慮瀏覽器的兼容性,本文就是介紹這一問題的解決方法。
其實(shí)這段代碼在之前的 “ 用 Javascript 實(shí)現(xiàn)錨點(diǎn)(Anchor)間平滑跳轉(zhuǎn)” 一文已經(jīng)介紹過了,但是由于這個(gè)需求并且經(jīng)常用到,因此,本站專門發(fā)布此文介紹,方便查閱。
<script type="text/javascript">
// 說(shuō)明:用 Javascript 獲取滾動(dòng)條位置等信息
// 來(lái)源 :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>
復(fù)制代碼 代碼如下:
<script type="text/javascript">
// 說(shuō)明:用 Javascript 獲取滾動(dòng)條位置等信息
// 來(lái)源 :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>
相關(guān)文章
原生JS 實(shí)現(xiàn)的input輸入時(shí)表格過濾操作示例
這篇文章主要介紹了原生JS 實(shí)現(xiàn)的input輸入時(shí)表格過濾操作,結(jié)合實(shí)例形式分析了JavaScript基于頁(yè)面元素遍歷、運(yùn)算、判斷實(shí)現(xiàn)的表格過濾相關(guān)操作技巧,需要的朋友可以參考下2019-08-08JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)原理說(shuō)明
這次為大家?guī)?lái)的小游戲是:打飛機(jī)。呃。。。我本人就寫不出什么驚天大作的游戲的了,只能寫寫小游戲,代碼量小,又可以學(xué)習(xí),主要是想法思路,代碼量大,估計(jì)也沒啥人會(huì)去研究學(xué)習(xí)。。。2010-10-10Threejs與Tween.js結(jié)合創(chuàng)建動(dòng)畫的詳細(xì)圖文教程
three.js和tween.js可以一起使用,實(shí)現(xiàn)復(fù)雜的動(dòng)畫效果,包括飛線動(dòng)畫,這篇文章主要給大家介紹了關(guān)于Threejs與Tween.js結(jié)合創(chuàng)建動(dòng)畫的相關(guān)資料,需要的朋友可以參考下2024-01-01頁(yè)面只能打開一次Cooike如何實(shí)現(xiàn)
由于WEBIM處在獨(dú)立頁(yè)面,所以如果多次點(diǎn)擊就會(huì)出現(xiàn)多個(gè)頁(yè)面,本文將介紹詳細(xì)的解決方法,需要了解的朋友可以參考下2012-12-12百度地圖JavascriptApi Marker平滑移動(dòng)及車頭指向行徑方向
本文主要介紹了百度地圖JavascriptApi Marker平滑移動(dòng)及車頭指向行徑方向的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03JavaScript中call、apply、bind實(shí)現(xiàn)原理詳解
其實(shí)在很多文章都會(huì)寫call,apply,bind,但個(gè)人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實(shí)現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06antDesign 自定義分頁(yè)樣式的實(shí)現(xiàn)代碼
這篇文章主要介紹了antDesign 自定義分頁(yè)樣式的實(shí)現(xiàn)代碼,這里用到了自定義指令,如果大家用不到可以按照自己的實(shí)際效果開發(fā),本文通過實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2022-10-10