JS封裝自己的scrollTop left

2021-09-02 05:44:01 字數 661 閱讀 1821

首先,什麼是scroll,scroll就是用來獲得滾動長度的:

scroll也是同理,但是它的寫法有如下規則:

谷歌瀏覽器 和沒有宣告 dtd :

document.body.scrolltop;

火狐 和其他瀏覽器

document.documentelement.scrolltop;

ie9+ 和 最新瀏覽器 都認識

window.pagexoffset; pageyoffset (scrolltop)

我們呼叫一次,只能獲得當前的滾動長度,不能實時監控,所以就要加乙個window事件:

window.onscroll = function()

相容寫法:

var scrolltop = window.pageyoffset || document.documentelement.scrolltop

|| document.body.scrolltop || 0;

封裝寫法:

這樣,scroll().top,scroll().left就各自是相應的長度。

自己封裝的js工具

1 封裝函式insertafter 功能類似insertbefore 23 var div document.getelementsbytagname div 0 4var span document.createelement span 5var a document.getelementsbyt...

封裝屬於自己的JS元件

function 2.將呼叫時候傳過來的引數和default引數合併 options extend fn.combobox.defaults,options 3.新增預設值 vartarget this target.attr valuefield options.valuefield target...

封裝自己的js工具 Cookie

有些時候我們的web程式需要利用cookie來實現一些功能,很多時候我們並不需要非得用服務端來操作cookie,因為js可以也操作cookie.這個時候我們最好是將cookie操作封裝起來,便於重用啊 類 cookie 將此類放入用到的js檔案中即可使用 1.add name,value,100 新...