禁止弹窗底部页面滑动解决方案整理

1.如果弹窗内容不可滑动,仅展示

方案一:只需要给弹窗蒙层加上 @touchmove.prevent 即可实现,无兼容性问题

方案二:在弹窗蒙层加上touch-action:none; 在iPhone5和ipad上可能会没有效果

方案三:打开弹窗时,设置body的overflow属性为hidden并阻止默认事件

document.body.style.overflow = 'hidden';

var fn = function(e){
   e.

你可能感兴趣的:(项目中问题解决方案整理,javascript,js,css,vue.js,html)