国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery平滑滾動到頂部插件使用詳解

2019-11-19 16:38:17
字體:
來源:轉載
供稿:網友

點擊一個固定按鈕,平滑的滾動到窗口頂部的這種功能,在前端開發是相當常見的,如圖:

關鍵代碼:

$.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 }); 

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 博乐市| 磴口县| 天台县| 闽侯县| 城口县| 姜堰市| 临洮县| 汤阴县| 宜兴市| 丰顺县| 年辖:市辖区| 寻甸| 绥化市| 凉山| 田东县| 内乡县| 彩票| 青神县| 庆元县| 新余市| 灵丘县| 三亚市| 连平县| 安多县| 耿马| 苏尼特左旗| 武鸣县| 明溪县| 桐庐县| 封丘县| 临西县| 精河县| 张家港市| 平安县| 宁阳县| 榆中县| 如东县| 宜春市| 杭州市| 榆中县| 菏泽市|