首页我们引入jQuery库和gotoTop.js。
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="gotoTop.js"></script>“返回顶部”按钮的class是.backToTop。页面中goToTop()调用了两次，一次在加载完成后，另一次在页面滚动或浏览器窗口大小发生变化的时候。
$(function(){
$(".backToTop").goToTop();
$(window).bind('scroll resize',function(){
$(".backToTop").goToTop();
});
});我们可以修改“返回顶部”按钮样式，演示中我们介绍了三款。
<ul class='ul_demo'> <li>第一款：仿新浪微博。<a href='https://jy.tp.yuanmeng.life/jquery/demo/31/' target='_blank'>演示1</a></li> <li>第二款：仿QQ个人中心。<a href='https://jy.tp.yuanmeng.life/jquery/demo/31/index2.html' target='_blank'>演示2</a></li> <li>第三款：仿天猫商品页。<a href='https://jy.tp.yuanmeng.life/jquery/demo/31/index3.html' target='_blank'>演示3</a></li> </ul>
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
