jquery实现的动态回到顶部特效代码【jquery】

web前端|js教程 jquery实现的动态回到顶部特效代码【jquery】

jquery,动态,回到顶部

web前端-js教程

淘宝客源码 sdk,vscode写完如何看页面,ubuntu ln命令,tomcat启动参数修改,java爬虫不完,php 自动创建文件夹,嘉兴信息化seo推广报价,电影分享社区网站源码lzw

这款jquery动态回到顶部特效，不是一下子就回到了网页顶部，而是带点缓冲的效果，有动画效果，使用了jQuery插件，这是个非常常用的网页特效，希望大家喜欢哦。

html5游戏源码,使用vscode的优势,ubuntu拼音不能,tomcat 黑名单,爬虫科网站,php-fpm 参数,广西正规seo优化加盟价钱,内容付费网站程序,木木不哭模板lzw

运行效果截图如下：

白银交易平台源码,vscode压测插件,win7远程ubuntu,获取tomcat 根目录,sqlite 条数,公司网页设计的公司,sql数据库如何删除,网站主流服务器语言,在线客服插件微信,前端最火的四个框架,if爬虫,php 跳转url,曾亮seo,springboot权限乱码,html搜索标签,网站伪静态设置,网页右侧在线咨询代码,joomla 模板不一样,wdcp 后台,点击上滑动页面,商城app后台管理系统,wap(手机)站强大的导量程序lzw

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-back-top-dh-style-codes/

具体代码如下：

jquery动态回到顶部特效#goTopBtn {position: fixed;line-height:36px;width:36px;bottom:35px;height:36px;cursor:pointer;display:none;background:url(images/back_to_top_white.jpg);}
***，how are you。
Just do what you want do!!!


 $(window).scroll(function(){   var sc=$(window).scrollTop();   var rwidth=$(window).width()   if(sc>0){    $("#goTopBtn").css("display","block");    $("#goTopBtn").css("left",(rwidth-36)+"px")   }else{   $("#goTopBtn").css("display","none");   } }) $("#goTopBtn").click(function(){   var sc=$(window).scrollTop();   $('body,html').animate({scrollTop:0},500); })

回到顶部