h5列表页面 回到顶部+分页(仿京东app)

所属分类:UI-滚动

 2174  13  查看评论 (4)
h5列表页面  回到顶部+分页(仿京东app) ie兼容9

说明:本插件功能时仿京东app回到顶部按钮做的,没有加数字特效请知悉

用法:      

1. 引入此插件前请先引入zepto.min.js 或 jquery.js

<script type="text/javascript" src="zepto.min.js"></script>

2. 

var page_instance = $('#your-gotop-dom-id').pageination({
    //  是否一直显示
    always: false,
    //   分页开始时的高度,达到高度时才显示分页,如果always未true,则一直显示
    startPos: 300,
    // 步进高度,每滚动这个高度当前页码加减 1
    stepHeight: 700,
    // 总页数,必传
    total: 5,
    // 分页图标变成回到顶部图标的时间,当前页为第一页时,回到顶部图标从显示到消失时间
    time: 1000
});
  • page_instance 实例,对象,包含你传的参数,作用的dom对象以及两个函数:

  • updateTotal:变更总页码

  • updateCul:变更当前页码

相关插件-滚动

jquery文字上下滚动

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

jQuery锚点带动跳转页面代码

jQuery锚点带动跳转页面代码
  滚动
 18670  77

jQuery滚动收缩导航

jQuery滚动收缩导航
  滚动
 15341  73

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 7829  42

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    黄河爱浪 0
    2018/8/1 11:35:55
    蛮有特点的,不过呢。代码上,调用方式不应该放在你的JS中,应该放到HTML文件中让用户调用,不应该放在你的插件源码中,还有,插件扩展函数传递 jQuery 对象会比 $ 要好些。
        慕牧木0
        2018/8/1 12:32:37
        感谢浪兄关注哈!想不太明白jQuery 比 $ 好在哪里呢,他们都是指向jquery对象的指针啊,而且zepto的话是没有jQuery全局变量的。
        黄河爱浪1
        2018/8/5 21:44:30
        也说不上那里好,反正书上这么写的哈哈。不过,感觉上 $ 很有可能被别的插件或者框架污染。所以用 jQuery 对象要好一丢丢。我看过的书上都是这么介绍的
        慕牧木0
        2018/8/8 10:13:16
        原来如此~受教了!
    回复
取消回复
  短信接口