最近真的好忙

制作回到顶部按钮

学习 墨染辉夜 1453℃ 1评论

回到顶部大体上有2种方法:锚点和JavaScript。锚点定位没什么技术性可言,视觉效果也不好,而且会改变地址栏,早期网站使用;现代网站大多使用js定位,因为其视觉效果较好,而且不会改变地址栏。这里只讲js定位,上代码:

JS部分 滚动条距离顶部的距离数值大于300时才会显示 添加在需要的页面(如每个页面都需要添加在footer即可)

CSS部分 background属性中的ulr值为本站回到顶部图链,因为有防盗链所以无法直接使用,请自行修改

HTML部分 添加在需要的页面

完成效果请参考本站

转载请注明:墨染辉夜 » 制作回到顶部按钮

我的文章对您有帮助吗?
支付宝免费打赏(疯狂暗示)
现在支付宝超抠门的,红包只给一两毛钱了
手机支付宝打赏 (1)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 请问网站的载入画面是怎么设置的?
    riki2018-05-08 00:14 回复