var btn = document.getElementById('btn');
var timer = null;
btn.onclick = function () {
timer = window.setInterval(() => {
// document.documentElement.csrollTop = 0;
if (document.documentElement.scrollTop == 0) {
clearInterval(timer);
return
}
document.documentElement.scrollTop -= 20;
}, 5)
}
window.onmousewheel = function () {//滑鼠滾輪事件
console.log(document.documentElement.scrollTop)
clearInterval(timer);
}
複製程式碼
簡單實現點選回到頂部
相關文章
- js實現點選回到頂部JS
- 點選回到頂部
- 基於js實現點選按鈕回到頂部JS
- vue中實現回到頂部功能Vue
- 手機直播原始碼,點選按鈕,立即回到頂部原始碼
- 直播軟體搭建,點選按鈕自動回到頂部
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- 回到頂部和回到頂部按鈕的顯示隱藏
- jQuery之回到頂部jQuery
- 直播軟體搭建,利用原生JS實現回到頂部以及吸頂效果JS
- app直播原始碼,利用原生JS實現回到頂部以及吸頂效果APP原始碼JS
- 回到頂部效果之加速置頂
- 這幾種方法幫你快速實現回到頁面頂部
- 簡單版—返回頂部
- 每天一邊js -- 回到頂部JS
- 實現dcat-admin的雙選單風格( 頂部+左側)
- 從頁面底部回到頂部+動畫效果 & 翻頁後從按鈕處回到頁面頂部動畫
- jquery經典例項之回到頂部jQuery
- 簡單實現UILabel之協議類點選事件UI協議事件
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- 固定在頂部的導航選單
- 高度百分百 overflow:auto 回到頂部
- checkbox及css實現點選下拉選單CSS
- Dcat-admin重寫頂部右側下拉選單
- jQuery頂部帶有選項卡的焦點圖效果jQuery
- js返回頁面頂部的實現(layui)JSUI
- [前端外掛] js返回頂部 效果實現前端JS
- mui裡點選input框是為什麼會返回頂部UI
- 當滑鼠滾動到指定位置,選單固定在頂部
- 簡單實現帶節點的進度條
- python實現的簡單點對點(p2p)聊天Python
- Android RecyclerView實現頭部懸浮吸頂效果AndroidView
- Flutter仿頭條頂部tab切換實現Flutter
- 記vue下懸浮貼合頂部實現Vue
- 直播軟體搭建,vue3 頁面回到頂部(平緩滾動效果)Vue
- Promise 簡單實現Promise
- ReadableStream 簡單實現
- Express 簡單實現Express