返回顶部_GJ-UI前端组件

发布时间::2018-06-03 09:07:50 已收录 阅读:354次

将将将下列html代码、javascript代码复制粘贴在html文件的相应位置即可(可参考组件附带index.html文件中相应的注释说明位置);

返回顶部[gj-top]:

HTML代码:

<div class="hidd-xs">
    <a class="gj-top"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
</div>

javascript代码:

<script>
    /*返回顶部*/
    jQuery(function($) {
        $('.gj-top').toTop({
            autohide: true,
            offset: 320,
            speed: 500,
            right: 15,
            bottom: 15
        })
    });
</script>