vue 實現回到頂部

1、dom部分:
注意:@scroll這個事件是綁定在height固定的那個dom,即,在這個實際項目中,id="warp_content"的height=8896 大於 class爲‘specific-left’這個類中設置固定容器高度爲400,超出滾動

在這裏插入圖片描述
2、vue
注意:這裏upper()事件實際只要document.getElementById(“scroll_con”).scrollTop==0這麼一句話就能實現回到頂部,但是爲了滾動有個緩衝的動畫效果,所以加了一個setInterval這個方法,如果只用前面那句回到頂部,其實scrollTop設爲0就可以,都不需要handleScroll方法;
在此寫‘handleScroll’這個方法可供後期各種滾動事件的操作
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章