当前位置:首页 > SEO教程 > SEO排名教程 >

怎么使用jQuery实现返回顶部

发布时间:2021-07-25 15:42 | 浏览次数:次 | 作者:王牌SEO公司小编| 来源:原创

怎么使用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;

}

 

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

本文由王牌SEO公司原创,转载本文请附带本文链接:http://www.jinuoseo.com/wzjsprogram/7895.html 标明:转自【王牌SEO公司】