这篇文章主要介绍“vue遮罩层怎么阻止滚动”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue遮罩层怎么阻止滚动”文章能帮助大家解决问题。给vue用fixed定位加一个遮罩免费云主机域名层，滚动鼠标滚轮发现下面一层的页面随之滚动，那么如何阻止下层页面滚动？我这里给遮罩层加一个取消鼠标滚轮默认行为的事件或者使用vue中提供 @touchmove.prevent 方法可以完美解决这个问题这会造成一个问题虽然遮罩层滚动问题解决了，但是弹框中的内容要是滚动会间接性的影响到遮罩层的滚动，那么如何解决？网上查了很多资料，试了一下没有效果，我这里的解决方案是点击详情的时候弹出遮罩层，弹出的时候给body设置overflow:hidden当点击关闭遮罩层时，设置overflow:null代码如下：vue遮罩层阻止默认滚动事件在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。vue中提供 @touchmove.prevent 方法可以完美解决这个问题或者给不需要滚动的部分加上overflow:hidden属性解决关于“vue遮罩层怎么阻止滚动”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
今天小编给大家分享一下php框架是什么及有什么用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。php框架是一种可以在项目开发过程中，提高开发效率…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
