JS实现带动画的回到顶部效果

本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码,供大家参考,具体内容如下

成都创新互联公司专业为企业提供沙河网站建设、沙河做网站、沙河网站设计、沙河网站制作等企业网站建设、网页设计与制作、沙河企业网站模板建站服务,十载沙河做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

实现功能:滚动到页面某一个高度的时候,回到顶部按钮出现。点击之后回到网页顶部,按钮隐藏。
代码如下,jQuery引用的是百度cdn的,因此整段代码复制下来后在浏览器运行即可。

 
 
 
   
     
    实现回到顶部功能 
   
   
   
 
   
    

这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







回到

顶部

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


本文题目:JS实现带动画的回到顶部效果
网页网址:http://bzwzjz.com/article/giispd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都模版网站建设 重庆外贸网站建设 成都网站设计 定制级高端网站建设 成都网站建设 定制网站制作 成都网站制作 成都网站建设 成都网站设计 成都网站建设 响应式网站设计 企业网站设计 成都网站建设 成都网站设计 成都网站制作 手机网站制作 网站建设 手机网站建设套餐 高端网站建设 外贸网站建设 成都品牌网站设计 成都企业网站制作