vue,uniapp--js禁止页面滚动,取消滚动方式
更新时间：2024年05月24日 10:03:15 作者：沐卿゚
这篇文章主要介绍了vue,uniapp--js禁止页面滚动,取消滚动方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue,uniapp js禁止页面滚动,取消滚动
首先是禁止页面滚动
//禁止页面滑动
stop(){
var box=function(e)
{passive: false ;};
document.body.style.overflow='hidden';
document.addEventListener("touchmove",box,false);
},取消禁止滚动
//允许页面滑动
move(){
var box=function(e){passive: false };
document.body.style.overflow='';//出现滚动条
document.removeEventListener("touchmove",box,false);
},什么都不用改，把方法复制过去在你需要得节点触发方法就行。
非常的简单~~~
uniapp自定义弹窗弹出后禁止页面滚动
弹窗弹出后
禁止页面内容滚动
可以使用在蒙层上使用
@touchmove.stop.prevent="moveHandle"
在PC端浏览器移动设备模式调试时
鼠标滑轮依然可以滚动
鼠标拖拽上划就无法滚动
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Element-ui设置el-table表头全选框隐藏或禁用
这篇文章主要给大家介绍了关于Element-ui设置el-table表头全选框隐藏或禁用的相关资料,文中手把手教你实现el-table实现跨表格禁用选项,需要的朋友可以参考下2023-07-07
Vue Form表单的使用方法(rules格式校验网络校验键盘按键监听)
本文介绍了在Vue.js中使用表单校验规则（rules）进行网络请求校验的方法,以及如何通过formRef引用表单对象并进行键盘按键监听,感兴趣的朋友跟随小编一起看看吧2024-11-11
这篇文章主要介绍了vue 导航菜单刷新状态不消失,显示对应的路由界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了vue中使用el-dropdown方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
页面刷新白屏其实是因为vuex引起的,由于刷新页面vuex数据会丢失,这篇文章主要给大家介绍了关于vue3动态路由刷新出现空白页的原因与最优解的相关资料,需要的朋友可以参考下2023-11-11
本篇文章主要介绍了web前端vue之CSS过渡效果示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了Nuxt.js实战和配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
在本篇文章中小编给大家整理的是关于vue总线机制(bus)知识点总结，有兴趣的朋友们可以跟着学习下。2020-05-05
本篇文章主要介绍了详解vue事件对象、冒泡、阻止默认行为，这里整理了详细的代码,有需要的小伙伴可以参考下。2017-03-03
Element-ui DatePicker显示周数的方法示例
这篇文章主要介绍了Element-ui DatePicker显示周数的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
最新评论