jQuery返回顶部的插件

所属分类:UI-滚动

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

相关插件-滚动

网站广播插件

网站发布消息的广播插件
  滚动
 39825  406

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 37071  406

常用的根据高度自动切换效果

常用的根据高度自动切换效果 简单 下载下来之后可以直接是用 兼容性好 不存在兼容问题
  滚动
 27478  344

jQuery锚点带动跳转页面代码

jQuery锚点带动跳转页面代码
  滚动
 42427  369

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