最近项目中使用到了iscroll.js,为了解决弹出层内容过多,甚至大于屏幕的高、原生滚动会遮罩层以下,也会跟着弹出层滚动、如果使用设置html、body的高度和overflow:hidden,会导致每次都弹出到顶部,后来找到了iscroll.js、发现在使用中的几个小问题、首先是使用方法:
$('.tsdiv).tap(function(){
$('.layer,.zhezhao').removeClass('none');
$('.zhezhao').on('touchmove', function (e) { e.preventDefault(); }, false);//弹出层的背景层阻止默认滑动事件
new IScroll('.lay');
});```
很多时候发现,使用了之后,根本不滚动、有几个点要注意:
1、new IScroll()里面所包含的容器、滚动的是容器下的第一个元素,而不是该元素。
2、new IScroll()里面所包含的容器、元素必须有高度,即便为百分比,然后又overflow:hidden(是否必须不确定,试试)。
其他就没了,祝大家实现自己想要的效果。
网友评论