网站建设资讯

NEWS

网站建设资讯

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

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

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

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

 
 
 
   
     
    实现回到顶部功能 
   
   
   
 
   
    

这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







这是一段文字







回到

顶部

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


网站栏目:JS实现带动画的回到顶部效果
转载来源:http://cdweb.net/article/giispd.html