js实现一个简单有过渡效果的回到顶部
2019-04-15 15:58
127 查看
js实现一个简单有过渡效果的回到顶部
<span style="position: fixed;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;bottom: 50px;right: 50px;background: #fff;box-shadow: 1px 1px 10px #bbb;font-weight: 600;font-size: 18px;cursor: pointer;" "timer = setInterval(() => document.documentElement.scrollTop <= 0 ? clearInterval(timer) : window.scrollTo(0, document.documentElement.scrollTop - 100), 17);">TOP</span>
相关文章推荐
- 使用JS实现一个匀速回到顶部的效果
- JS实现回到页面顶部动画效果的简单实例
- 用js实现简单的点击返回顶部效果
- JS实现简单的顶部定时关闭层效果
- JS采用绝对定位实现回到顶部效果完整实例
- 用vue写一个商城的上货组件(简单易懂版,50行js实现效果)
- 实现一个简单的JS效果
- JS实现回到顶部效果
- 如何实现做一个简单的返回顶部效果按钮
- 一个js实现简单的字幕滚动效果
- 用原生js做个简单的滑动效果的回到顶部
- jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
- js实现回到顶部效果
- js 实现一个简单的3D轮播效果
- 百度到一个实现回到顶部的简单方法,分享一下
- js实现一个简单的数字时钟效果
- 一个回到顶部的插件topjs,支持自定义,使用简单,带动画效果
- 用原生js做个简单的滑动效果的回到顶部
- JS实现回到顶部效果
- 用js实现简单的点击返回顶部效果