配置齐全的jQuery返回顶部插件goTop.js

一款配置齐全的jQuery返回顶部插件goTop.js，有多种样式可供选择，不同的返回顶部的图片在img文件夹里，演示页面里也有详细的参数说明，喜欢的童鞋请收下吧。

分类：悬浮层/弹出层 > 悬浮层难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入返回顶部的插件goTop.js，简单设置页面元素的样式，代码如下：

<script type="text/javascript" src='js/goTop.js'></script>
<style>
*{box-sizing:border-box;}
#box{width:1000px;margin:0 auto;overflow: hidden}
iframe{
	width:33.33333%;
	height:500px;
	float:left;
	border:1px solid #eee;
}
@media only screen and (max-width:760px){
	#box{width:100%;}
	iframe{
		width:100%;
		height:300px;
	}
}
</style>

页面的body部分，一个div容器里面放入了3个iframe标签，紧接着是一个插件参数说明，代码如下：

<div id='box'>
	<iframe src="demo/1.html" frameborder="0"></iframe>
	<iframe src="demo/2.html" frameborder="0"></iframe>
	<iframe src="demo/3.html" frameborder="0"></iframe>
</div>
<pre>
new GoTop({
	hide:true,//当页面不滚动时 是否隐藏 默认false
	url:'',//图片路径 默认我们提供base64的图片
	state:'',//出现的位置 默认是 下方 提供 center bottom参数
	height:'',//高 默认40px
	width:'',//宽 默认40px
	scrollTop:''//滚到什么位置出现 px
	time:''//返回顶部多长时间 ms 默认500ms
	aimation:'animated bounce'//出场动画 默认show（没有出场动画） 这个可以自定义
	toTop://滚到顶部触发事件
	toShow://出场时触发事件
	toHide://隐藏触发事件
	go://点返回顶部触发事件
});
</pre>