基于JQ的平滑滚动到顶部插件
来源:互联网 发布:淘宝联盟17年还赚钱吗 编辑:程序博客网 时间:2024/05/23 01:23
点击一个固定按钮,平滑的滚动到窗口顶部的这种功能,在前端开发是相当常见的,如图:
$.fn.scrollTo = function(options) { var defaults = { toT: 0, //滚动目标位置 durTime: 500, //过渡动画时间 delay: 30, //定时器时间 callback: null //回调函数 }; var opts = $.extend(defaults, options), timer = null, _this = this, curTop = _this.scrollTop(), //滚动条当前的位置 subTop = opts.toT - curTop, //滚动条目标位置和当前位置的差值 index = 0, dur = Math.round(opts.durTime / opts.delay), smoothScroll = function(t) { index++; var per = Math.round(subTop / dur); if (index >= dur) { _this.scrollTop(t); window.clearInterval(timer); if (opts.callback && typeof opts.callback == 'function') { opts.callback(); } return; } else { _this.scrollTop(curTop + index * per); } }; timer = window.setInterval(function() { smoothScroll(opts.toT); }, opts.delay); return _this;};//调用 $("body").scrollTo({ toT: 0 });
0 0
- 基于JQ的平滑滚动到顶部插件
- jq滚动到顶部
- vue平滑滚动到顶部
- jquery 滚动条 平滑滚动到顶部、底部、置顶位置
- 基于jQuery图片平滑连续滚动插件
- js平滑滚动到头部、顶部以及指定位置
- js平滑滚动到顶部,底部,指定地方
- js平滑滚动到顶部,底部,指定地方
- jQuery滚动到顶部插件scrollUp
- jQuery创建平滑的页面滚动(顶部或底部)
- jquery平滑滚动插件
- JQ:当页面滚动到一定位置之后,让元素固定在顶部,小于位置后恢复原来的位置
- JQuery插件:ScrollTo平滑滚动到页面指定位置
- JQ滚动插件
- 基于JQ返回顶部代码
- jq滚动插件jquery.nicescroll+定位到底部
- RecyclerView 点击item跳转到顶部最快方式,不支持平滑滚动。
- listview缓慢滚动到顶部的问题
- 3.2常用技巧(一)
- 浅谈mysql主从复制的高可用解决方案
- ORACLE-数学和字符函数
- Android-DiskLruCache
- React.js深入学习详细解析
- 基于JQ的平滑滚动到顶部插件
- 凸包(Convex Hull)问题的三种解法: 暴力,Graham Scan,分治
- Codeforces 807C Success Rate 二分
- Android中的Handler的机制与用法详解
- Oracle11g中删除存储过程或者函数的用法
- 笔试题13. LeetCode OJ (13) Array Partition I
- React.js入门必须知道的那些事
- BLE和传统蓝牙的一些比较
- Git 工具