通過封裝scroll.js 獲取滾動(dòng)條的值
更新時(shí)間：2018年07月13日 15:37:17 作者：帥哥天下9
本文通過實(shí)例代碼給大家介紹了通過封裝scroll.js 獲取滾動(dòng)條的值的相關(guān)知識(shí)，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
具體代碼如下所示：
function Obj(){}
Obj.prototype={
scroll:function(){
/*
主要是做兼容處理
這里必須時(shí)!=null 因?yàn)槟J(rèn)值和每次滾動(dòng)的時(shí)侯 都可以值為0
但是 if(0)為假 所以就只要不為null 就執(zhí)行
*/
if(window.pageYOffset!=null){
/*IE9 和其他標(biāo)準(zhǔn)瀏覽器*/
return {
left:window.pageXOffset,
top:window.pageYOffset
}
}
/*聲明了<!DOCTYPE html> */
else if(document.compatMode=="CSS1Compat")
{
return{
left:document.documentElement.scrollLeft,
top:document.documentElement.scrollTop
}
}
else{
return {
left:document.body.scrollLeft,
top:document.body.scrollTop
}
}
}
}
var obj=new Obj();
總結(jié)
以上所述是小編給大家介紹的通過封裝scroll.js 獲取滾動(dòng)條的值，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript是基于原型繼承的語(yǔ)言,每個(gè)對(duì)象都有一個(gè)原型（prototype）,本文則是重點(diǎn)對(duì)prototype相關(guān)知識(shí)點(diǎn)做拆解和梳理,感興趣的可以了解下2023-08-08
JavaScript?是一門動(dòng)態(tài)類型的腳本語(yǔ)言,用于在瀏覽器中創(chuàng)建交互式的網(wǎng)頁(yè),然而,由于其使用?IEEE?754?浮點(diǎn)數(shù)表示數(shù)字,可能會(huì)導(dǎo)致丟失精度的問題,本文將探討?JavaScript?中的丟失精度問題,以及如何避免這些問題,需要的朋友可以參考下2023-11-11
JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字從右向左彈出效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字從右向左彈出效果,涉及JavaScript結(jié)合時(shí)間函數(shù)遍歷字符串及動(dòng)態(tài)改變狀態(tài)欄顯示效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
JavaScript數(shù)組some()函數(shù)的語(yǔ)法、用法與實(shí)戰(zhàn)示例
JavaScript中的數(shù)組some()方法用于檢查數(shù)組中是否至少有一個(gè)元素滿足指定條件,這篇文章主要介紹了JavaScript數(shù)組some()函數(shù)的語(yǔ)法、用法與實(shí)戰(zhàn)的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
使用element-plus時(shí)重寫樣式不起作用的問題及解決方法
這篇文章給大家介紹使用element-plus時(shí)重寫樣式不起作用的問題及解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頂部導(dǎo)航特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
這篇文章主要介紹了JavaScript 對(duì)象不變性，對(duì)象不變性在任何編程語(yǔ)言中都是一個(gè)重要的概念。它會(huì)限制對(duì)象修改并防止不需要的更改。簡(jiǎn)而言之，對(duì)象的不變性就是將它的狀態(tài)變?yōu)橹蛔x的下面詳細(xì)內(nèi)容，需要的小伙伴可以參考一下2022-02-02
在函數(shù)式編程中，函數(shù)被看做是“一等公民”。JavaScript可以通過巧妙地函數(shù)組合來構(gòu)建抽象，通過內(nèi)嵌函數(shù)的方式，在軟件開發(fā)的過程中，我們可以把更多的精力放在“函數(shù)要做什么”上，而不用太關(guān)心“函數(shù)如何做”的問題。2015-10-10
繼續(xù)上一部分，我們要看一下顏色?；鸷孟癫还苋叨欢紩?huì)轉(zhuǎn)變?yōu)閞gb格式，不過我們通常比較習(xí)慣的是hex格式。這就用到以下兩函數(shù)。2010-01-01
本文為大家介紹下js中的屏蔽的應(yīng)用；屏蔽網(wǎng)頁(yè)內(nèi)容選中、剪切、復(fù)制及拷屏總之你能想象的應(yīng)該都有，感興趣的朋友可以參考下，希望對(duì)大家學(xué)習(xí)js有所幫助2013-07-07