最近項目中使用到了iscroll.js,為了解決彈出層內容過多,甚至大于屏幕的高整以、原生滾動會遮罩層以下,也會跟著彈出層滾動峻仇、如果使用設置html公黑、body的高度和overflow:hidden,會導致每次都彈出到頂部摄咆,后來找到了iscroll.js凡蚜、發(fā)現(xiàn)在使用中的幾個小問題、首先是使用方法:
$('.tsdiv).tap(function(){
$('.layer,.zhezhao').removeClass('none');
$('.zhezhao').on('touchmove', function (e) { e.preventDefault(); }, false);//彈出層的背景層阻止默認滑動事件
new IScroll('.lay');
});```
很多時候發(fā)現(xiàn)吭从,使用了之后朝蜘,根本不滾動、有幾個點要注意:
1影锈、new IScroll()里面所包含的容器芹务、滾動的是容器下的第一個元素蝉绷,而不是該元素。
2枣抱、new IScroll()里面所包含的容器熔吗、元素必須有高度,即便為百分比佳晶,然后又overflow:hidden(是否必須不確定桅狠,試試)。
其他就沒了轿秧,祝大家實現(xiàn)自己想要的效果中跌。