jquery 如何实现回顶部 带滑动效果

$("#returnTop").click(function () {
        var speed=200;//滑动的速度
        $(‘body,html‘).animate({ scrollTop: 0 }, speed);
        return false;
 });

返回顶部:设置为body的scrollTop为0

滑动效果:animate(Jquery的自定义动画)

备注:returnTop为触发返回顶部的元素id

时间: 2024-11-29 06:15:08

jquery 如何实现回顶部 带滑动效果的相关文章

jquery制作弹出层带遮罩效果,点击阴影部分层消失

jquery制作弹出层带遮罩效果,点击阴影部分层消失. 整体还是比较简单的. HTML代码很简单 1 <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</a> 2 <div id="myModal" class="reveal-modal&quo

Css3+jQuery打造的一款带动画效果的数字时钟

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Css3+jQuery打造的一款带动画效果的数字时钟丨任E行F9行车记录仪|gopro官网|电影院座椅|</title> <style type="text/css&quo

Android :ViewPager+Fragment 实现顶部导航滑动效果

我还不会gif 所以连图表动态 可以滑动的 仔细看底下有滑动条的这是寒假做的一个APP的基本框架 将真啊 虽然效果都做出来了可是学长给了源码啊 所以最近做第二遍!!希望每一个控件都可以实现啊 下面是viewpager+fragment的效果 同样我们先写布局文件 思路就是一个Viewpager适配了五个fragment 底下的选择框是RadioGroup 里面有五个radiobutton activity_main里面就是由这些部分组成的的 代码如下 activity_main: <Linear

仿腾讯回顶部和建议(jQuery)

jQuery仿腾讯回顶部和建议,懒人图库推荐下载! 使用方法: 1.引用样式文件css/lrtk.css 2.引用jquery的库文件js/jquery.js 3.引用效果的具体js代码文件js/js.js复制至html文件中. 4.将id为tbox的div的内容复制到您的html文件 5.本效果右侧图标会固定在浏览器的右下角(即缩小浏览器窗口一直显示),如果想要固定在页面内容的右侧(即缩小浏览器窗口不显示,请看“仿淘宝回顶部和建议”)

头部显示提示,如tableview滑动提示滑回顶部

头部显示提示,如tableview滑动提示滑回顶部 by 伍雪颖 就是在[[[UIApplication sharedApplication] delegate] window]添加要的内容: #import "TipsBar.h" @implementation TipsBar UILabel *tipsLabel; int width; + (void)showInView:(UIView *)view { width = view.frame.size.width; if (ti

带动画效果的jQuery手风琴

带动画效果的jQuery特效手风琴是一款带动画效果的手风琴作品,非常实用,可以用在新闻列表.FAQ等模块,默认的是打开第一个选项,查看其它的时候直接点击加号按钮就展开. 源码地址:http://www.huiyi8.com/sc/11120.html 带动画效果的jQuery手风琴

CSS3+Jquery实现带动画效果的下拉选择框

CSS3+JQuery实现带动画效果的下拉选择框. 元素结构为: 1 <div class="box"> 2 <p>this is the first li</p> 3 <div id="blank"></div> 4 <ul> 5 <li class="selected">this is the first li</li> 6 <li >

jquery 实现导航栏滑动效果

精简的代码实现导航栏滑动效果,实现详解: 1.滑块位置:通过父节点position=fixed,子节点position=absolute方式,实现子节点浮动: 2.导航栏居中:通过left=0px,right=0px,margin-left=auto,margin-right=auto实现: 3.通过jQuery动态改变滑块的Left和Width,然后通过animate实现动画效果. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <m

带放大镜效果的jQuery LightBox图片画廊插件

zbox是一款带放大镜效果的jQuery LightBox图片画廊插件.该Lightbox插件可以显示相应缩略图的高清大图,并且在浏览高清大图时还可以使用放大镜来局部查看放大效果. 在线预览   源码下载 使用方法 使用该LightBox插件需要引入jQuery和jquery.zbox.css,以及jquery.zbox.js文件 <link type="text/css" rel="stylesheet" href="css/jquery.zbox