前端技术

当前位置: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.PHP技术分享 AG亚游集团 www.zhanxiqi.com  版权所有  网站地图    AG亚游集团

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

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

骑士主控再次缺席训练!不过这次是个好事儿 日本福冈市115岁女性田中KANE成日最长寿老人(图) 人民日报:曝光非法社会组织只是第1步 要断利益链 奥特莱斯商场运营商砂之船在新加坡提交招股书 巴斯:每个人都向往MVP 我也想拿到这个奖项 通用电气可再生能源进入智利风电市场 锌价 短期上涨可期 台媒称台军拟在三地部署远程导弹 应对解放军绕台 江西九江杀害民警嫌犯落网 此前曾两度入狱 西南棋王赛次轮柯洁不敌唐韦星 时越芈昱廷等晋级 欧洲将试水纯电动长途客运 客车系中国制造 单节37分打爆一队!联盟最强二人组了解一下?
马拉松比赛日黄金法则:别在比赛当天尝试新事物 夫妻遛狗不栓绳 称“我家狗不咬人只咬素质低的” 两会知多少: 为什么开启三个通道? 网民评论“在野党净问愚蠢问题” 安倍夫人点赞 美媒:中美贸易战或把欧洲推向中国 人人网出售资产遇阻 小股东向SEC申诉称遭不公正对待 数据析上港遗憾出局:传控占主动 鹿岛反击展高效 天津首例“网络水军”删帖案告破 涉案额800余万 传直播平台映客准备赴香港IPO 融资3亿美元 欧洲围棋的新星们 期待世界大赛出现多民族面孔 深圳警方突击检查知名夜总会 抓涉吸贩毒人员25名 英国立法者:科技公司应为平台“假新闻”负责
山西传达杨晶违纪问题:党员干部职位越高越要廉洁 辞职风波令诺贝尔文学奖评选陷窘境 面临用人危机 22日13时视频直播国象联赛第5轮:雷挺婕VS朱锦尔 北京首批获积分落户资格者年内办理落户 英媒:美伊或面临战争危机 中俄欧应联手避免灾难 全国人大代表叶诗文:建议修改体育法 两会聚焦:互联网巨头回归A股能如愿以偿吗? 朴槿惠获刑24年后淡定嘱咐律师:稳住 别冲动 东京奥运期间东京都拟免征住宿税“款待”游客 怎么样白手起家 家庭办厂项目废纸加工 致富小机器 如何能一天挣500元 AG亚游集团