頁面滾動隱藏的高度scrollTop

當頁面高度超出可視區高度時，會出現滾輪條，頁面滾動即頁面頂部隱藏

獲取元素的隱藏高度一般使用元素的scrolltop屬性

頁面隱藏高度 一般可以使用一下方式獲取

const scrolltop0 = document.documentelement.scrolltop  // safari，chrome沒有宣告的頁面 值為零, 

const scrolltop1 = document.body.scrolltop // chrome使用 值為零
// 對於 safari 還可以
const scrolltop2 = window.pageyoffset
// 所以相容
const scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;

頁面滾動事件scroll

在mounted鉤子函式裡面註冊scroll事件 mounted window.addeventlistener scroll this.about methods 判斷元素到達當前視窗的什麼位置 簡介 let isup true let titlediv document.getelementsb...

query判斷頁面滾動條 scroll 方向

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

隱藏滾動條同時保留頁面滾動的效果

寫專案的時候想要頁面內容溢位時有滾動的效果加了屬性overflow auto,但是出現了滾動條使得頁面不那麼美觀，想著如何去掉滾動條同時滾動滑鼠滾輪時頁面隨之滾動，在網上找了好久資料，終於找到個方法，親測有效。總的來說就是，在外層套個div，使得其寬度小於內層div，並overflow hidden...