isScroll代码

html:

<div class="wrap">
    <div class="content">
        //内容-必须为第一个子元素
    </div>
</div>
//如果需要横向滚动,标签写上x属性即可
<div class="wrap" x >
    <div class="content">
        //code
    </div>
</div>

JS调用接口:

//传入元素的id或者class
var s = new iScroll('.scrollWrap');
s.top(function(a){
    //达到顶部执行,this为当前dom,a代表移动的距离
});
s.bottom(function(a,b){
    //达到底部执行,this为当前dom,a代表移动的距离,b代表总的滑动距离
});
s.resize(); //用于添加内容或者自适应的时候,重新计算滚动条高度 

css:

        .scrollwrap{
            position: relative;
            overflow: hidden;
            height:500px;
        }

参考博客地址

 

 

点击下载js

posted @ 2016-07-12 21:42  黑客PK  阅读(230)  评论(0编辑  收藏  举报