各位前端大神，问一个弹窗滑动的问题！！

jjzzggkk 2018-06-28 09:41:23

这个弹窗是可以用手指滑动的，但是在苹果五下，且不能滑动，反而滑动了弹窗背景后面的区域，求解决方法

...全文

380 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

M51921 2018-06-30

打赏
举报

你这个应该是用的onmousedown和onmousemove以及onmouseup做的窗口拖动吧？在iPhone上，，，不是，在移动端上现在不能用这个，要用touchstart/move/end事件，这样才可以拖动，否则你的移动只能是body这块元素区域。

szuzsq 2018-06-29

打赏
举报

当一件东西，蛮多人都知道，而你不知道的时候，度娘一下，可能对你有帮助。

jjzzggkk 2018-06-29

打赏
举报

这个和我提的问题有什么关系吗？

ambit_tsai-微信 2018-06-28

打赏
举报

引用 3 楼 jjzzggkk的回复:

兄弟你在说什么鬼

2楼指的是LayUI

jjzzggkk 2018-06-28

打赏
举报

兄弟你在说什么鬼

szuzsq 2018-06-28

打赏
举报

很出名的,心姐的layer

jjzzggkk 2018-06-28

打赏
举报

各位大神有没有遇到此问题的，求教啊

拼图验证，滑动验证，借用大神手笔，纯前端多端兼容拼图验证，滑动验证，感谢作者作者： 80513592*@qq.com https://ext.dcloud.net.cn/plugin?id=1318 import tfggVerify from "@/components/tfgg-verify/tfgg-verify.vue"; export default { components: { "tfgg-verify":tfggVerify }, methods: { /* 校验结果回调函数 */ verifyResult(res){ if(res){ this.$refs.verifyElement.reset();//验证成功后一定要调用重置方法，否则第二次点击江湖判定为通过 console.log('验证成功') } console.log(res); }, /* 显示校验弹窗 */ verifyFasong(){ this.$refs.verifyElement.show(); }, /* 校验插件重置 */ verifyReset(){ this.$refs.verifyElement.reset(); }, } }

直奔主题，这两天我负责开发的app内容遇到了一个问题：弹框底层页面还是能滑动问题（在Android和ios12系统一下是正常的，ios高版本可滑动）也就是我们所说的滑动穿透事件我遇到的两种情况：第一种：如图（当弹框中内容不需要滑动）遇到这种情况网上一顿找，看看是什么原因造成的。说简单点就是滑动穿透事件造成滑动穿透事件：有一层遮罩蒙层覆盖在body上时，当我们...

一开始就想到是事件冒泡--->移动前端阻止触摸滑动事件冒泡百度了一下，纠结半天 1.阻止网页内部滚动条mousewheel事件冒泡（pass）这个只能隔离鼠标滚动事件，在手机上不管用。。。 2.移动端的touch事件处理（pass） http://www.tuicool.com/articles/uyE3Ar 这个比较复杂，整了半天没搞定，相信大神是可以搞定的，比较着...

原文链接：https://www.haorooms.com/post/webapp_bodyslidebcdiv 下图是截取了项目部分图片~左边白色区域是从左侧滑出的菜单栏，右边灰色区域是遮罩层；当左边用户中心白色区域菜单过多，或者是手机屏幕过小出现滚动条的时候，在其表层滑动时，底层部分body也会跟着滑动~ 解决方法： 1、该区域没有滚动条：最直接的办法，禁止表层滑动，如...

react弹窗Modal滚动穿透踩坑及解决（可能是全网最详细了）最近工作时发现，产品总喜欢做弹窗，还要弹窗里的内容可以滑动。这要是偶尔提一次就算了，我们大不了把页面加个overflow：hidden，弹窗内加scroll呗。但是经常提这种需求，作为程序员可不能重复造轮子呀，所以最近花了一周，把网上的相关文章（看来看去都是抄的），提取出了一个hooks方法，顺便记录踩坑过程。

JavaScript

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章