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
- 懸浮按鈕點選回到頂部FloatingActionButton
- 手機直播原始碼,點選按鈕,立即回到頂部原始碼
- 直播軟體搭建,點選按鈕自動回到頂部
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- 回到頂部和回到頂部按鈕的顯示隱藏
- jQuery之回到頂部jQuery
- Jquery回到頂部功能jQuery
- css實現網頁”回到頂部“的程式碼效果CSS網頁
- 直播軟體搭建,利用原生JS實現回到頂部以及吸頂效果JS
- app直播原始碼,利用原生JS實現回到頂部以及吸頂效果APP原始碼JS
- js——頁面回到頂部JS
- 點選返回頂部效果實現程式碼詳解
- Android開發之TabLayout實現頂部選單AndroidTabLayout
- 這幾種方法幫你快速實現回到頁面頂部
- jquery實現的點選返回頂部和底部特效詳解jQuery特效
- 每天一邊js -- 回到頂部JS
- 從頁面底部回到頂部+動畫效果 & 翻頁後從按鈕處回到頁面頂部動畫
- jquery經典例項之回到頂部jQuery
- 在頂部顯示下拉選單
- 實現dcat-admin的雙選單風格( 頂部+左側)
- 可以固定的頂部的導航選單簡單例項程式碼單例
- 固定在頂部的導航選單
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- jquery點選返回網頁頂部程式碼jQuery網頁
- 多功能PC端頂部導航選單
- 簡單實現UILabel之協議類點選事件UI協議事件
- 點選返回頂部程式碼具有緩衝效果
- 點選頂部彈出提示層程式碼例項
- js頂部可以伸縮的導航選單效果JS
- 網頁頂部導航選單程式碼例項網頁
- 單點登入原理與簡單實現
- java實現簡單的單點登入Java
- CSS_導航欄+固定浮動的回到頂部按鈕CSS
- checkbox及css實現點選下拉選單CSS
- jquery實現返回頁面頂部功能。jQuery