add zepto scrollTop module

itstrive · itstrive · commit f1be7d356ae0 · 2017-02-23T10:11:07.000+08:00
diff --git a/zepto-scrollTop/demo.html b/zepto-scrollTop/demo.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>智能社——http://www.zhinengshe.com</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <script src="zepto.min.js"></script>
+    <script src="zepto-scrolltop.js"></script>
+    <style>
+        .btn1{
+            position: fixed;
+            right:20px;
+            bottom:20px;
+            padding: 20px;
+        }
+    </style>
+    <script>
+        $(function(){
+            $('#btn1').on('tap',function(){
+               $.scrollTop({duration:1000, target:100});
+            });
+            $('#btn2').on('tap',function(){
+                $.scrollTop();
+            });
+        });
+    </script>
+</head>
+<body style="height:3000px;">
+<p>welcome to</p>
+<p style="margin-top:100px">welcome to 100</p>
+
+<input class="btn1" type="button" value="回到顶部100" id="btn1">
+<input class="btn1" type="button" value="回到顶部0" id="btn2" style="right:140px">
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/zepto-scrollTop/zepto-scrolltop.js b/zepto-scrollTop/zepto-scrolltop.js
@@ -0,0 +1,67 @@
+/**
+ * Created by strive-智能社 on 2017/2/23.
+ */
+;(function(_){
+    _.scrollTop=function(json){
+        json=json || {};
+        json.duration=json.duration || 500;
+        json.target=json.target || 0;
+
+        var body=document.body;
+        clearInterval(body.timer);
+        var count=Math.floor(json.duration/16);
+        var start=document.body.scrollTop;
+        var dis=json.target-start;
+
+        var n=0;
+        body.timer=setInterval(function(){
+            n++;
+
+            var a=1-n/count;
+            var cur=start+dis*(1-Math.pow(a,3));
+
+            document.body.scrollTop=cur;
+
+            if(n==count){
+                clearInterval(body.timer);
+            }
+        },16);
+    };
+})($)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/zepto-scrollTop/zepto.min.js b/zepto-scrollTop/zepto.min.js
