回到顶部组件

发表于   |  更新于   |   分类于   |  

给页面绑定滚动事件
当页面滚下第一屏，显示回到顶部的按钮。否则影藏

git地址
演示

使用步骤

属性说明

1
2
3
4
5
6
7
8
9
```
### 调用
触发控件的css，要求初始display:none;建议 position: fixed。
    this.selector = o.selector;  //绑定的按钮
    this.time = o.time||200;  //动画执行时间
```bash
    new ScrollToTop({
      "selector":"#returntop"
    });

可优化

更短距离触发

必须注意的是当页面滚下第一屏，显示回到顶部的按钮。如果页面发生滚动，但是滚动值并不大，控件是不会显示。
demo展示的body的height就为1800。

在后续改进中，可以添加一个距离顶部为dis的宽度。当距离底部还有dis的时候，就触发显示。