jQuery返回顶部的插件

所属分类:UI-滚动

 27075  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中设置,本示例中没有设置

相关插件-滚动

jQuery双锚点自动定位

jQuery滚动自自动锚点定位
  滚动
 36417  421

jquery文字上下滚动

jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
  滚动
 57998  512

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

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

漂浮广告插件

漂浮广告插件,上下滚动浮动垂直剧中。
  滚动
 34948  347

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复