jQuery返回顶部的插件

所属分类:UI-滚动

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

相关插件-滚动

jQuery元素滚动监听插件xRoll.js

xRoll.js 元素滚动监听插件 元素出现在窗口的时候在执行自定义的函数
  滚动
 25869  324

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 31291  328

jQuery双锚点自动定位

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

仿淘宝、京东等电商网站楼层跳转滚动定位

实现电商网站的滚动监听、导航定位、返回顶部的功能
  滚动
 32621  410

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