前端技术

当前位置: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

北京地铁正研发“刷脸”进站新技术 5G来了这13座城市将率先试验 但你要先换这种手机 两会小记者称不想上课外班 委员:适合的教育最好 人民日报谈特长生招生:让特长教育回归纯粹 国家行政学院教授:为什么要统筹党政军群机构改革 午盘:美国10年期国债收益率突破3% 美股转跌 区块链不能解决“假茅台”问题 也取代不了银行 世界排名:怀斯夺冠跃至66位?李昊桐梁文冲上升 世锦赛桃田受热捧超林丹 感觉良好希望可以夺冠 新京报谈女白领组团避催婚:尊重每一个人的选择 马克龙与特朗普通话:对美朝领导人同意会面表欢迎 文在寅将会见伊万卡并共进晚餐 准备特别菜单
我官媒回应特朗普签署对台法案:展示对华战略新姿态 华盛通携手微博首届环球投资大赛正式开启 乔丹最强队友坚信詹皇会留骑士 他已做出决定? 名宿:萨拉赫曾打崩皇马主力后卫 利物浦欧冠能赢 天津网络水军删帖案告破 都督为北京某名牌大学硕士 韩国防部:计划撤除韩朝非军事区部分哨所和设备 北京队:杰克逊出战意愿强烈 医疗组确认他伤愈 315前夕违规搭售保险乱象仍存:个别平台仍默认勾选 LPGA奠基人杯首轮中断 阿瑞雅T3三金花开局不佳 4月12日上市公司晚间公告速递 淘票票回应“在影院发布涉歧视的海报”:诚挚道歉 马斯克想把超级高铁与火箭结合 一小时内到任何地方
71天!双色球亿元巨奖有征兆 8亿奖池或成拐点? 周杰伦内地唯一的公司开在这 合伙人还是人大代表 人工智能:让我们加速向未来 人机搭配干活不累 美元走强 周三金价小幅收跌0.1% 真相来了:美国希望中国只生产不含科技含量消费品 蔡英文上台将满2年 近半民众不满其两岸关系表现 十九届中央首轮巡视反馈:商务部干部流失问题突出 安倍赴美见特朗普 或动员美国“重返”TPP 印尼泗水教堂连环恐袭死亡人数上升到18人 微信赚钱的三大方法 冬天摆地摊卖什么最好 微信赚钱平台 女生最值得学的手艺 AG亚游集团