BackTop 返回顶部

Backtop 组件会在页面右下角增加一个回到顶部的跳转链接，在页面时非常长时会很有用。

需要引用的文件：

HTML 标签样式：

这个标签会可以理解是一个浮动的 DIV 元素，里面有一个 A 标签。其中：

• name 标签的名字或 id，一般不需要设置。
• anchor 为 A 标签的链接地址，即链接指向的锚点，一般情况下无需设置。组件或自动使用 BODY 中第一个元素作为锚点。如果第一个元素的样式属性position的值如果为fixed，则需要设置这个值为其他元素。
• opacity DIV 初始透明度，默认值为0。当页面上首屏时，一般 DIV 会隐藏显式，当页面向下滚动时，DIV 会逐渐显现出来。
• Back Top 为 A 标签的文本，默认值为TOP。

所以，BACKTOP 标签也不是必须的，只要引用了root.backtop.js，页面会自动添加上面的 DIV 元素。

还可以自定义 DIV 中的内容：

这种情况下需要手动设置跳转锚点，并且手动添加返回链接，上例是#Top。组件只是将这个 DIV 固定到页面右下角，并在页面向下滚动时显示出来。上例的backtop属性不可省略。当前页面使用了自定义的“返回顶部”内容，除了返回页面顶部以外，还可以在页面内容之间进行导航。

BACKTOP 没有方法，但有一个事件onback，在点击时触发。

或使用事件绑定：

参考链接

• root.js 基础库