点击返回顶部功能

admin

如果所有的html代码都在content包裹器中

1.返回顶部按钮的样式，用css定位，默认隐藏状态；

1. position: fixed;

复制代码

2.滚动条距离顶部大于x像素的时候展示，否则隐藏；

1. $('.content', page).on('scroll', function(){   
   
2.     var gotop = $('#gotop');
   
3.     if ($(this).scrollTop() > 100) {
   
4.         if (!gotop || !gotop.length) {
   
5.             $('.content', page).append('<div id="gotop"><span class="iconfont color-gray fonta2"></span></div>');
   
6.             $('#gotop').bind('click', function(){
   
7.                 $('.content', page).scrollTop(0);
   
8.             });
   
9.         }
   
10.         gotop.show();
    
11.     } else {
    
12.         gotop.hide();
    
13.     }
    
14. });

复制代码

3.设置点击事件之后执行：

1. $('.content', page).scrollTop(0);

复制代码