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

05-02 03:49