jQuery回到顶部插件jQuery GoUp

最新推荐文章于 2022-02-27 23:42:56 发布

麦田

最新推荐文章于 2022-02-27 23:42:56 发布

阅读量4.7k

点赞数 12

分类专栏： jQuery插件文章标签： jQuery 返回顶部 GoUp

本文链接：https://blog.csdn.net/itmyhome1990/article/details/38334101

版权

jQuery插件专栏收录该内容

22 篇文章 1 订阅

订阅专栏

插件描述

jQuery GoUp!是一个简单的jQuery插件,让你的网页用户直接回到顶部。

使用方法非常简单

引用jquery库和jquery.goup.min.js到你的页面

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.goup.min.js"></script>

在调用下插件就OK了

<script type="text/javascript">
        $(document).ready(function () {
            $.goup({
                trigger: 100,
                bottomOffset: 20,       //距底部偏移量 
                locationOffset: 30,     //距右部偏移量
                title: '返回顶部',
                titleAsText: true       //是否显示title
            });
        });
</script>

效果如图：