js,html 监听页面滚动高度 点击返回顶部
来源:互联网 发布:广东亿赞普大数据 编辑:程序博客网 时间:2024/06/04 17:56
自己上代码比较容易:这边是es6的写法,可以封装成一个组件,这样每个界面都可以用了
/** * Created by wuyakun on 2017/4/28. */import React from 'react';//点击返回顶部class BackTop extends React.Component { // 渲染之后 componentDidMount() { window.onscroll = function () { // 变量t就是滚动条滚动时,到顶部的距离 const t = document.documentElement.scrollTop || document.body.scrollTop; const top_view = document.getElementById('top_view'); if (top_view !== null) { top_view.style.display = t >= 100 ? 'block' : 'none'; } }; } // 返回顶部 scrollToTop = () => { window.scrollTo(0, 0); }; render() { return ( <div id="top_view" onClick={this.scrollToTop} className="back-top" > <span>顶部</span> </div> ); }}export default BackTop;
0 0
- js,html 监听页面滚动高度 点击返回顶部
- 页面滚动高度问题,返回顶部
- 滚动返回页面顶部的JS特效
- js-监控滚动条出现置顶按钮,点击返回顶部
- js返回页面顶部
- js 返回页面顶部
- JS返回页面顶部
- JS实现效果-点击按钮返回到页面顶部
- JQuery--点击返回页面顶部
- jquery监听滚动条,实现“返回顶部”
- js监听html页面的上下滚动事件
- js 浮动返回页面顶部
- JS实现返回页面顶部
- js 返回页面顶部 代码
- js实现返回页面顶部
- js实现超过页面一屏后,点击图标滚动到页面顶部top
- HTML+JS之点击按钮滚动到页面指定位置
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- Linux学习(一)
- MVC5 + EF6 入门完整教程
- RecyclerView之使用ItemTouchHelper实现交互动画
- list对象取出重复的数据
- telerik如何在项目中被引用
- js,html 监听页面滚动高度 点击返回顶部
- 关于杀毒的解决方案
- jboss 下配置https
- Oracle定时任务与存储过程
- linux 配置redis
- IIS配置常见的错误
- js回调函数详解
- 微信开发者基本配置
- 文件描述符