jQuery返回顶部的插件

所属分类:UI-滚动

 29015  341  查看评论 (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中设置,本示例中没有设置

相关插件-滚动

仿百度知道(滚动固定标题)插件

仿百度知道滚动固定标题,点击标题滚动到内容块
  滚动
 25958  370

jQuery全屏滚动插件,带箭头点击

一款功能齐全的全屏滚动插件,符合绝大部分开发人员的需求,没有滚动循环,无需做过多更改就能满足您的要求。
  滚动
 20140  219

fullpage平滑换页+css3酷炫导航

fullpage平滑换页+css3酷炫导航
  滚动
 39256  494

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 44419  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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复