滾動條事件是js事件中一 個很普遍的事件，如通常**見到的返回到頂部，還有一些**側邊欄跟隨滾動條的側邊欄，這些都是乙個 前端工程師必知的常識，下面我帶大家簡要的說說滾動條事件的一些基礎知識，並順帶給大家乙個需要用到的滾動條特效–判斷滾動條的滾動方向
一.獲取滾動條的高度
var oscrolltop=document.documentelement.scrolltop//w3c標準
var oscrolltop=document.body.scrolltop//非w3c標準
所以相容處理後得 var oscrolltop=document.documentelement.scrolltop||document.body.scrolltop;
二.事件寫法
window.οnscrοll=function(){}
三.判斷滾動條的滾動方向
var sign = 10;//定義預設的向上滾與向下滾的邊界
window.onscroll = window.onresize = function()
if ( oscrolltop< sign)
}
js判斷滾動條滾動方向
第一種寫法 var a function scroll fn window.addeventlistener scroll function false scroll function direction 第二種寫法 var a function scroll fn window.addeventl...
query判斷頁面滾動條 scroll 方向
function scroll fn window.addeventlistener scroll function false 呼叫方法 scroll function direction scrolldirect function fn window.addeventlistener scrol...
滾動條位置判斷
獲取滾動條距離頂部位置 function getscrolltop else if document.body return scrolltop 獲取當前可視範圍的高度 function getclientheight else return clientheight 獲取文件完整的高度 funct...