js如何实现滚动到底部一键回到顶部。

jquer语法

     $(window).scroll(function() {

            //为了保证兼容性,这里取两个值,哪个有值取哪一个

            //scrollTop就是触发滚轮事件时滚轮的高度

            let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

            console.log("滚动距离" + scrollTop);

            })        

获取到滚动的距离不就简单了吗,当我们滚动到底部点击按钮

将  document.documentElement.scrollTop = 0   或者   document.body.scrollTop   =  0 

就回到顶部了。写两种语法是因为兼容性问题   那个有值用那个。

相关推荐

  1. js如何实现滚动底部顶部

    2024-01-13 15:24:02       34 阅读
  2. vuetify 顶部

    2024-01-13 15:24:02       36 阅读
  3. js预加载和滚动底部加载数据实现

    2024-01-13 15:24:02       39 阅读
  4. elementui 顶部报错

    2024-01-13 15:24:02       31 阅读
  5. 【VUE】el-table表格 实现滚动底部加载更多数据

    2024-01-13 15:24:02       11 阅读
  6. js将元素滚动可见区域

    2024-01-13 15:24:02       8 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-13 15:24:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-13 15:24:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-13 15:24:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-13 15:24:02       20 阅读

热门阅读

  1. 在ubuntu上的18个非常实用的命令行工具软件

    2024-01-13 15:24:02       38 阅读
  2. Spring Cloud项目如何防止重复提交(自定义注解)

    2024-01-13 15:24:02       38 阅读
  3. AI音乐探索

    2024-01-13 15:24:02       41 阅读
  4. 考研经验总结——数学篇

    2024-01-13 15:24:02       34 阅读
  5. Wargames与bash知识15

    2024-01-13 15:24:02       36 阅读
  6. itextpdf 之 html 转 pdf 问题处理

    2024-01-13 15:24:02       30 阅读
  7. Git使用统一规范

    2024-01-13 15:24:02       40 阅读
  8. 无人驾驶技术在交通领域逐渐成熟

    2024-01-13 15:24:02       34 阅读
  9. UniApp 面试题

    2024-01-13 15:24:02       34 阅读