VUE監聽滾動條事件
滾動條 ...
滾動條 ...
網上大部分vue的滾動條操作是監聽dom實現,我是用@scroll實現 首先有滾動條的div一定要設固定高度,然后overflow:auto;出現滾動條 然后在方法中獲取到滾動條距離底部距離 getScroll(event) { // 滾動條距離底部的距離 ...
) { // 滾動條距離底部的距離scrollBottom ...
<template> <div> <h2>公告欄文字停頓滾動</h2> <div class="textBox"> < ...
今天遇到需要監聽滾動條事件的問題,本來以為是一個簡單的監聽就好了,哪成想,這么多bug,說到底還是自己基礎不扎實,所以趁現在下班沒事把它記錄下來。以備后續所需,哈哈。 (1)首先是最基本的監聽事件 methods: { handleScroll() { const ...
...
<template> <div class="scroll"> <div class="scroll-div-oute ...
; //變量t就是滾動條滾動時,到頂部的距離 var left =document.getEle ...