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; }