怎么使用jQuery实现返回顶部

发布时间：2022-06-07 14:14 所属栏目：122 来源：互联网

导读：怎么使用jQuery实现返回顶部 1、尝试滚动此页面到底部即可出现go2top按钮。 2、go2top-inner暂未使用。 HTMLJS定义： CSS定义复制代码代码如下: .go2top { background: url(http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e

　怎么使用jQuery实现返回顶部

　1、尝试滚动此页面到底部即可出现go2top按钮。

　　2、go2top-inner暂未使用。

　　HTML&JS定义：

　　CSS定义

　　复制代码代码如下:

　　.go2top {

　　background: url("http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png") no-repeat scroll left top transparent;

　　bottom: 65px;

　　color: #444444;

　　display: none;

　　height: 50px;

　　margin-left: 510px;

　　position: fixed;

　　right: 160px;

　　text-align: center;

　　width: 50px;

　　}

　　.go2top:hover {

　　background-position: -50px top;

　　}

　　试试看，是不是有了返回顶部了，非常方便实用的功能，希望大家能够喜欢。

（编辑：ASP站长网）