相信前端攻城狮对Iscroll.js并不陌生，精简版只有24kb。但是可以解决1.position的兼容性问题：固定在IOS端>mobile端的viewport可以理解为放大镜。滑动页面相当于移动放大镜，页面的位置没有变化。>position:fixed将元素固定在页面的某个位置，所以滑动页面时不需要改变元素的位置，至少IOS之前是这样做的。2、各个浏览器对滚动条样式的渲染不统一。3.实现下拉刷新4.局部滚动。当然iscroll还可以做图片轮播、放大镜等效果。今天要说的是用iscroll实现局部滚动和页面布局的问题。问题：页面底部有多余部分或页面显示不全，拉回弹后内容显示不全。原因：数据加载异步，iscroll无法正确获取页面元素真实高度。解决方法：页面请求完数据后刷新iscroll。//自定义方法：切换页面成功后刷新Iscroll，解决异步加载数据布局错误view:function($this,viewData){this._super($this,viewData);mobile.page.iscroll("#"+mobile.page.getCurrPage().attr("id")+".hospitalIntroduceIscroll.pageIscroll").refresh();}或functionRefresh(){setTimeout(function(){myScroll.refresh();},1000);}
