通過(guò)封裝scroll.js 獲取滾動(dòng)條的值

更新時(shí)間：2018年07月13日 15:37:17 作者：帥哥天下9

本文通過(guò)實(shí)例代碼給大家介紹了通過(guò)封裝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é)

以上所述是小編給大家介紹的通過(guò)封裝scroll.js 獲取滾動(dòng)條的值，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

js
scroll

相關(guān)文章

一文帶你搞懂JavaScript中的原型和原型鏈
JavaScript是基于原型繼承的語(yǔ)言,每個(gè)對(duì)象都有一個(gè)原型（prototype）,本文則是重點(diǎn)對(duì)prototype相關(guān)知識(shí)點(diǎn)做拆解和梳理,感興趣的可以了解下
2023-08-08
JavaScript中丟失精度的問(wèn)題及避免方法
JavaScript?是一門動(dòng)態(tài)類型的腳本語(yǔ)言,用于在瀏覽器中創(chuàng)建交互式的網(wǎng)頁(yè),然而,由于其使用?IEEE?754?浮點(diǎn)數(shù)表示數(shù)字,可能會(huì)導(dǎo)致丟失精度的問(wèn)題,本文將探討?JavaScript?中的丟失精度問(wèn)題,以及如何避免這些問(wèn)題,需要的朋友可以參考下
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)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-03-03
使用element-plus時(shí)重寫樣式不起作用的問(wèn)題及解決方法
這篇文章給大家介紹使用element-plus時(shí)重寫樣式不起作用的問(wèn)題及解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2023-09-09
微信小程序?qū)崿F(xiàn)頂部導(dǎo)航特效
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頂部導(dǎo)航特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-01-01
JavaScript 對(duì)象不變性介紹
這篇文章主要介紹了JavaScript 對(duì)象不變性，對(duì)象不變性在任何編程語(yǔ)言中都是一個(gè)重要的概念。它會(huì)限制對(duì)象修改并防止不需要的更改。簡(jiǎn)而言之，對(duì)象的不變性就是將它的狀態(tài)變?yōu)橹蛔x的下面詳細(xì)內(nèi)容，需要的小伙伴可以參考一下
2022-02-02
深入探討javascript函數(shù)式編程
在函數(shù)式編程中，函數(shù)被看做是“一等公民”。JavaScript可以通過(guò)巧妙地函數(shù)組合來(lái)構(gòu)建抽象，通過(guò)內(nèi)嵌函數(shù)的方式，在軟件開發(fā)的過(guò)程中，我們可以把更多的精力放在“函數(shù)要做什么”上，而不用太關(guān)心“函數(shù)如何做”的問(wèn)題。
2015-10-10
javascript 精確獲取樣式屬性（下）
繼續(xù)上一部分，我們要看一下顏色?；鸷孟癫还苋叨欢紩?huì)轉(zhuǎn)變?yōu)閞gb格式，不過(guò)我們通常比較習(xí)慣的是hex格式。這就用到以下兩函數(shù)。
2010-01-01
js中的屏蔽的使用示例
本文為大家介紹下js中的屏蔽的應(yīng)用；屏蔽網(wǎng)頁(yè)內(nèi)容選中、剪切、復(fù)制及拷屏總之你能想象的應(yīng)該都有，感興趣的朋友可以參考下，希望對(duì)大家學(xué)習(xí)js有所幫助
2013-07-07