前端技术

当前位置:AG亚游集团 > 前端技术 >

jQuery实现返回顶部

时间:2015-11-16        阅读:次        QQ群:182913345

如何利用jQuery返回网页顶部,这里的话我就把代码贴出来。
 
1、在head或者foot中添加一个返回顶部的div:

<div id="toTop" class="hidden-xs" style="display: none;">返回顶部</div>

2、在CSS中添加对应的样式:

/*返回顶部*/
#toTop {position: fixed;right: 20px;bottom: 25px;z-index: 12;display: none;width: 47px;height: 47px;background: url(../Img/toTop.png) no-repeat;text-align: center;text-indent: -9999px;cursor: pointer;}

3、在公用js中添加如下js代码:

/返回顶部
$(window).scroll(function(){
	if($(this).scrollTop() != 0){
		$("#toTop").fadeIn();
	}else{
		$("#toTop").fadeOut();
	}
});

$("#toTop").click(function(){
	$("body,html").animate({
		scrollTop: 0
	}, 800)
})

上一篇:AG亚游集团CSS强制中文、英文换行的方法详解

下一篇:AG亚游集团js判断网页是否在微信中打开

扫一扫,更多精彩内容推送

PHP技术分享

分享PHP技术,前端技术,数据库,SEO优化,服务器,网络安全等知识,是php程序员工作学习的好帮手!

Copyright © 2013-2015.AG亚游集团PHP技术分享 AG亚游集团 www.zhanxiqi.com  版权所有  网站地图    AG亚游集团

免责声明:网站内容收集于互联网,本网站不承担任何由于内容的合法性及健康性所引起的争议和法律责任。

欢迎大家对网站内容侵犯版权等不合法和不健康行为进行监督和举报。 沪ICP备15014499号-2

美媒:伊朗制造一枚核弹最快要多久? 美将发射离太阳最近航天器 挑战日冕层百万度高温 新赛季中超暴力行为直接驱逐 王小平给上港讲课 李昊桐祝贺伍兹埃尔斯当队长 力争入围总统杯亚洲队 美联储布拉德:警惕激进加息引发收益率曲线倒挂 斯特拉斯堡赛赛果:王蔷逆转晋级 4号种子过关 神吐槽:我最不待见的就是这种不懂球的家长了 黑龙江晨报由周7刊变更为周5刊 周六周日不再出版 日本金泽市四名政府职员被刺伤 一名无业男子被捕 美国正讨论在朝鲜无核化情况下开设驻朝使馆可能 民调称安倍内阁支持率回升 过半民众仍反对修宪 “恐怖数据”再度引爆市场 美指骤涨黄金狂泄12美元
为什么《奇异博士》值得你去看IMAX 3D? 突发|韩羽球名将郑在成突发心脏病去世 年仅35岁 赛马圈也追星!赛马圈独特应援的正确打开方式 台媒:民调显示半数人同意重启核电厂 电荒是关键 美国投资研究公司Zacks:百度股价为何下跌? 沪媒:比赛延期上港毫不知情 国安方面也没有质疑 马斯克感叹中国基建速度:是美国的100多倍 上交所谈支持独角兽上市:梳理企业名单 设专项小组 创世伙伴周炜:中兴被罚 或将引发新技术领域投资机会 曼萨诺透最佳射手要恢复3个月 把握机会能力不够 虎牙赴美上市 直播平台还能火多久? 美国要帮台湾造潜艇台当局欣喜若狂 但岛内外都不信
外媒:人才短缺 中国航空公司全球高薪“挖”飞行员 特级飞行员点赞川航机长 解析“世界级”备降过程 重庆彭水大同镇党委书记冉宇航被查(简历) 今日头条旗下内涵段子被关停 抖音评论也删除了? 80后用生日守号中福彩716万 旅游完才知晓-票 一场狂欢后的孤单 中国自行车第一镇风光不再 竞彩大势:皇马杯赛突破 珀斯光荣可高看 李明博今日到案接受调查 表情紧张向国民道歉(图) 金正恩打破沉默谈与韩美峰会 特朗普:激动人心 一万元猪舍建设图片 白手起家创业点子 养一百只土鸡利润多少 在家赚钱的十种方法 AG亚游集团