js实现返回页面顶部
来源:互联网 发布:vlan网络协议报告 编辑:程序博客网 时间:2024/05/31 15:19
无动态效果
1、原生JS
window.scrollTo(0,0);
2、jQuery
$(window).scrollTop(0);
有动态效果
1、原生JS
function smoothscroll(){ window.requestAnimationFrame(smoothscroll); window.scrollTo (0,currentScroll - (currentScroll/5)); }2、jQuery
$('html,body').animate({scrollTop:0},200);
if($('html').scrollTop()){ $('html').animate({scrollTop:0},200); return false;}$('body').animate({scrollTop:0},200);return false;注意:将代码放入click事件的函数,或者执行函数,就能执行,返回顶部。
阅读全文
0 0
- JS实现返回页面顶部
- js实现返回页面顶部
- JS实现让页面返回顶部
- js常用实现返回页面顶部
- Web JS实现页面返回顶部
- JS实现让页面返回顶部
- js返回页面顶部
- js 返回页面顶部
- JS返回页面顶部
- js实现返回顶部
- js 浮动返回页面顶部
- js 返回页面顶部 代码
- JS实现页面返回顶部的匀加速运动
- JS实现效果-点击按钮返回到页面顶部
- JavaScript实现页面返回顶部
- 返回到顶部JS实现
- 滚动返回页面顶部的JS特效
- js返回页面顶部的方法
- JavaWeb学习总结——使用JDBC处理Oracle大数据
- Hi3518ev200 mt7601wifi驱动笔记
- iOS远程推送
- WebLogic11g-单双向SSL配置(转载)
- 另类循环队列---未实现题目要求,实现了双指针(Front、Rear)
- js实现返回页面顶部
- linux-4-文件与目录管理
- jquery插件select2源码解读(一) 概述
- 在Ubuntu17.04上安装QT5.9.0(下载、安装、问题解决)
- 下班前的一点思考
- 什么是奇偶校验
- 关于JM8.6中MAX_LIST_SIZE值的选取
- 蓝牙核心技术概述(一):蓝牙概述
- maven手动添加 oracle 依赖