首页增加回到顶部

Author: TruthHun88

static/css/main.css

@@ -980,4 +980,20 @@ a{color: #333}
     .ucenter-content li .col-xs-3{padding-right: 0}
 }
 
-.cate-intro{border: 1px dashed #ccc;margin: 0 0 15px 0;padding: 5px 10px;box-sizing: border-box;color: #787878}
+.cate-intro{border: 1px dashed #ccc;margin: 0 0 15px 0;padding: 5px 10px;box-sizing: border-box;color: #787878}
+
+.backtop{
+    position: fixed;
+    bottom: 50px;
+    right: 50px;
+    z-index: 9999;
+    width: 45px;
+    height: 45px;
+    text-align: center;
+    border: 1px solid #ddd;
+    font-size: 20px;
+    line-height: 40px;
+    border-radius: 4px;
+    cursor: pointer;
+}
+.backtop:hover{background-color: #dddddd;color: #10af88;}

views/cates/list.html

@@ -98,6 +98,9 @@ <h3 class="panel-title">
 
     </div>
 </div>
+<div class="backtop tooltips" title="回到顶部">
+    <i class="fa fa-arrow-up"></i>
+</div>
 {{template "widgets/footer.html" .}}
 <script>
     'use strict';
@@ -144,6 +147,10 @@ <h3 class="panel-title">
         $(window).scroll(function () {
             fixed()
         })
+        
+        $(".backtop").click(function () {
+            $(window).scrollTop(0)
+        });
     })
 </script>
 </body>