快捷導(dǎo)航

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)鍵是要考慮瀏覽器的兼容性，本文就是介紹這一問(wèn)題的解決方法。

其實(shí)這段代碼在之前的 “ 用 Javascript 實(shí)現(xiàn)錨點(diǎn)(Anchor)間平滑跳轉(zhuǎn)” 一文已經(jīng)介紹過(guò)了，但是由于這個(gè)需求并且經(jīng)常用到，因此，本站專(zhuān)門(mén)發(fā)布此文介紹，方便查閱。

復(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 中文漢字轉(zhuǎn)Unicode、Unicode轉(zhuǎn)中文漢字、ASCII轉(zhuǎn)換Unicode、Unicode轉(zhuǎn)換AS
這篇文章主要介紹了js 中文漢字轉(zhuǎn)Unicode、Unicode轉(zhuǎn)中文漢字、ASCII轉(zhuǎn)換Unicode、Unicode轉(zhuǎn)換ASCII、中文轉(zhuǎn)換&#XXXX,需要的朋友可以參考下
2016-12-12
Javascript的表單驗(yàn)證-揭開(kāi)正則表達(dá)式的面紗
Javascript的表單驗(yàn)證-揭開(kāi)正則表達(dá)式的面紗在本文重點(diǎn)介紹，感興趣的朋友一起學(xué)習(xí)吧
2016-03-03
基于JavaScript Array數(shù)組方法(新手必看篇)
下面小編就為大家?guī)?lái)一篇基于JavaScript Array數(shù)組方法(新手必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
js實(shí)現(xiàn)登錄拖拽窗口
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)登錄拖拽窗口，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
webpack 最佳配置指北(推薦)
這篇文章主要介紹了webpack 最佳配置指北的相關(guān)資料，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2020-01-01
原生JS實(shí)現(xiàn)移動(dòng)端web輪播圖詳解（結(jié)合Tween算法造輪子）
在做移動(dòng)端開(kāi)發(fā)的時(shí)候，必不可少的是輪播圖，下面這篇文章主要給大家介紹了關(guān)于利用純JS實(shí)現(xiàn)移動(dòng)端web輪播圖的相關(guān)資料，重要的是結(jié)合Tween算法造輪子，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-09-09
UniApp與WebView雙向通信及數(shù)據(jù)傳輸超詳細(xì)講解
這篇文章主要介紹了UniApp與WebView雙向通信及數(shù)據(jù)傳輸?shù)南嚓P(guān)資料,詳細(xì)講解了UniApp與WebView的通信原理、方法對(duì)比、數(shù)據(jù)傳輸實(shí)戰(zhàn)、調(diào)試技巧、性能優(yōu)化策略及技術(shù)風(fēng)險(xiǎn)控制,通過(guò)合理選型和優(yōu)化,需要的朋友可以參考下
2025-04-04
JavaScript如何判斷input數(shù)據(jù)類(lèi)型
這篇文章主要介紹了JavaScript如何判斷input數(shù)據(jù)類(lèi)型,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
JS+HTML實(shí)現(xiàn)的圓形可點(diǎn)擊區(qū)域示例【3種方法】
這篇文章主要介紹了JS+HTML實(shí)現(xiàn)的圓形可點(diǎn)擊區(qū)域,結(jié)合實(shí)例形式分析了javascript結(jié)合HTML元素屬性實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域相關(guān)操作技巧,需要的朋友可以參考下
2018-08-08
JS實(shí)現(xiàn)固定時(shí)間點(diǎn)執(zhí)行某任務(wù)的代碼示例
在Web前端開(kāi)發(fā)中,有時(shí)我們需要在特定的時(shí)間點(diǎn)執(zhí)行某些任務(wù),例如每日定時(shí)發(fā)送數(shù)據(jù)報(bào)告、每小時(shí)更新一次用戶界面等,JavaScript 提供了多種方法來(lái)實(shí)現(xiàn)這一需求,本文將詳細(xì)介紹如何使用這些工具和技術(shù),并通過(guò)豐富的代碼示例展示其具體應(yīng)用,需要的朋友可以參考下
2025-02-02