关于小窗滑动,父级body也跟随滑动的解决方案(2)

当第一次写这个问题的时候,并不知道竟然还会写2,而且(1)也并没有解决问题。

也发现,这个问题,真实也困住了很多人,找到了张鑫旭(http://www.zhangxinxu.com/wordpress/2016/12/web-mobile-scroll-prevent-window-js-css/)写的一个方法,非常厉害,但存在些许误差,自己也研究了下,对于当前的项目用此方法也并不好加,所以放弃,

又看到有说是有iscroll.js插件,稍微研究下,果断下手,但是,因为,遮罩层里的div高度是自动撑开的,所以高度不定,所以必须在初始化的时候做一个延时,

setTimeout(function(){
var slideul = new IScroll("#slideul");
},100)

不然,无法滑动(本人项目用的是vue);

然后,在遮罩层的地方,再做一个遮罩层,背景透明,然后,touchmove事件中,阻止默认事件,就ok了。

终于大功告成!呼~~~

 

posted @ 2017-06-19 16:21  伊优  阅读(178)  评论(0编辑  收藏  举报