jQuery返回顶部的插件

所属分类:UI-滚动

 27567  340  查看评论 (5)
分享到微信朋友圈
X
jQuery返回顶部的插件 ie兼容9

jQuery返回顶部的插件

源码里面有详细的注释,可直接引入调用,压缩后仅0.7k

实例代码:

$('#js-go_top').gotoTop({
    offset: 500, //距离顶部的位置
    speed: 300, //移动到顶部的速度
    /*     iconSpeed : 300, //icon动画样式的速度*/
    animationShow: {
        'transform': 'translate(0,0)',
        'transition': 'transform .5s ease-in-out'
    }, //icon动画样式显示时
    animationHide: {
        'transform': 'translate(80px,0)',
        'transition': 'transform .5s ease-in-out'
    } //icon动画样式隐藏时
});

ps:如果想在加载一开始时就隐藏icon,可以在css中设置,本示例中没有设置

相关插件-滚动

jQueryScrollPage单页全屏滚动效果

漂亮的jQuery单页全屏滚动,带视差效果
  滚动
 36117  393

自制高度可定制滚动条插件(原创)

自制原生JS高度可定制化的滚动条插件,高度自定义,轻量化,浏览器兼容良好
  滚动
 32564  423

锚点,可以扩展很多功能

锚点定位,代码实现简单,无依赖其它插件
  滚动
 24108  343

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 43391  401

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ymn风景这边独好 0
    2020/10/12 17:30:49
    Wind 0
    2019/2/28 17:13:03
    怎么控制在离顶部多少距离出现,改了 offset: 500, //距离顶部的位置 无效啊?? 回复
    almahuang69 0
    2018/10/17 11:14:59
    胡子哥 0
    2018/10/15 0:04:20
    代码编程教练 0
    2018/10/14 8:17:54
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复