頁面滾動事件scroll

//在mounted鉤子函式裡面註冊scroll事件

mounted() );
window.addeventlistener("scroll", this.about);
},methods: 
//判斷元素到達當前視窗的什麼位置（簡介）
let isup = true;
let titlediv = document.getelementsbyclassname("titlediv")[0].offsettop;
let istitledivshow = titlediv - t - h;
if (istitledivshow < -100 && isup) 
//判斷元素到達當前視窗的什麼位置（四圖）
let isfour = true;
let four = document.getelementsbyclassname("four")[0].offsettop;
let fourimg = four - t - h;
if (fourimg < -100 && isok) 
//判斷元素到達當前視窗的什麼位置（合作夥伴）
let isand = true;
let andtitle = document.getelementsbyclassname("andtitle")[0].offsettop;
let and = andtitle - t - h;
console.log(fourimg);
if (and < -100 && isand) 
});}
},//登出頁面中的scroll
beforedestroy()

query判斷頁面滾動條 scroll 方向

function scroll fn window.addeventlistener scroll function false 呼叫方法 scroll function direction scrolldirect function fn window.addeventlistener scrol...

scroll事件詳解

以前眼高手低，不夠紮實，面試的時候總是處理過，卻想不出來細節，這次開始慢慢整理，蝸牛繼續爬坡 一般情況下，如果出現內容大於瀏覽器的時候，需要新增樣式 overflow scroll 關於scroll的樣式有以下可以根據需求調整 滾動條的設定 1.webkit scrollbar 滾動條整體部分，可以...

元素滾動 scroll 系列

scroll 翻譯過來就是滾動的，我們使用 scroll 系列的相關屬性可以動態的得到該元素的大小 滾動距離等。如果瀏覽器的高 或寬 度不足以顯示整個頁面時，會自動出現滾動條。當滾動條向下滾動時，頁面上面被隱藏掉的高度，我們就稱為頁面被卷去的頭部。滾動條在滾動時會觸發 onscroll事件。原先側邊...