关于小窗滑动,父级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了。

终于大功告成!呼~~~

 

转载于:https://www.cnblogs.com/xumqfaith/p/7049247.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值