movable-view层级太高导致微信小程序页面事件无法点击

2624关注8168浏览

我们的需求是做一个可拖动的菜单，类似于苹果手机浮动的home按钮，整个页面内都是可以拖拽的。

现在的问题是我用了拖拽组件之后，设置了z-index是高于页面层级的，导致整个页面内部所有点击事件都不生效。

这里是页面所有内容的代码 page没有设置层级所以被drag-wrap挡住无法执行点击事件，如果设置page层级高于drag-wrap,则无法执行拖拽事件

</view>

<view class="drag-wrap">

展开全部

收起

3回答

新浪微博

微信

关注问题我来回答

即速问答小程序开发

movable-view层级太高导致微信小程序页面事件无法点击

提交回答

至过去的我

2044人对此回答表示赞同

我是未来的你，你现在是不是在年找寻小程序答案。你不要感觉诧异，给你来信原因，就是让你不在后悔。今天去学习如何推广小程序，相信......点击查看更多>

展开

2024

2024回复

分享

QQ

新浪微博

微信

发布于年
收起
莫愁

16人对此回答表示赞同

+1

展开

16

0回复

分享

QQ

新浪微博

微信

发布于 6年前
收起
评论（0）

收起评论
小小小东

7人对此回答表示赞同

在别处看到的，对我做的有效果。但是movable-area高度设置为100%后，会拖动到导航栏里面去，这怎么解决？

展开

7

2回复

分享

QQ

新浪微博

微信

发布于 6年前
收起
评论（2）

收起评论
- 月下独酌素笺淡墨 2019-02-19 10:21
  
  乍一看以为是没什么用，结果加到css里还真的可以，想知道原理是什么
  
  回复
- Mateo 2019-02-21 21:10
  
  老哥稳
  
  回复
龙骑士

5人对此回答表示赞同

你drag-wrap的宽和高没必要100%，浮动的菜单是多大就多大，浮动菜单接收touchStart、touchEnd、touchMove三个事件来控制菜单的位置。

展开

5

4回复

分享

QQ

新浪微博

微信

发布于 6年前
收起
评论（4）

收起评论
- Caleb 2019-02-23 08:08
  
  API有句话是这个‘注意：movable-view必须在<movable-area/>组件中，并且必须是直接子节点，否则不能移动。’所以不太懂你说的无需movable-area是什么意思？刚刚试了下监听手势，但是当touchend后按钮菜单又回回到原点，并不是我拖拽的位置。郁闷了。。。
  
  回复
- 马克Mak 2019-02-25 13:32
  
  或者监听手势事件，当手指在菜单上按下的时候，才将drag-view设置为100%，手指离开后变小。
  
  回复
- AvaDJ 2019-02-27 15:40
  
  用fixed来控制菜单位置吖！~无需movable-area
  
  回复
- Grady陈三岁 2019-03-01 13:45
  
  如果drag-view宽高不设置100%，那movable-area可拖拽范围启不就变了吗？
  
  回复

相关问题

如何在微信小程序里面添加游戏公众号生成微信渠道二维码的方法？微信多参数二维码怎么生成？微信公众号带参数二维码的使用？微信订阅号渠道推广带参数二维码如何生成和统计呢？微信公众号参数二维码生成器使用？

热门问题

微信小程序 errMsg:\"operateCamera:fail operate fail\" 的鬼地方个地方个1111 微信公众平台二维码怎么生成微信公众号开发之生成并扫描带参数的二维码什么时候微信公众号推送消息最合适?记住这三个时间段走进微信公众号实现关注之后推送一条服务器自定义的消息给用户微信公众平台怎么给关注的人群发消息

小程序功能

小程序为什么那么多人都在做？有没有类似有赞微店商城的无需囤货的货源？抖音小程序什么时候上线? 你是不是傻子用即速应用做的小程序，怎么内嵌到微信公众平台菜单栏？已有的公众号文章怎么发送到小程序

小程序吐槽

有什么类似龙虾游戏资讯的小游戏推荐公众号吗？现在小程序正是企业浪潮的风口。做什么类型的小程序表较好呢？你觉得小程序以后的发展怎么样？有哪些小众的、有趣的、值得推荐的小程序？小程序代理可以做吗？抖音小程序什么时候会正式开放？

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

安卓模拟器运行微信小程序按键精灵小程序按程序办事小故事奥德赛小里程序怎么调暗恋榜单小程序阿里云oss微信小程序打不开暗恋小程序安卓语言小程序按钮微信小程序怎么改变大小安卓增删改查小程序阿里云PTS微信小程序 app如何植入微信小程序安卓模拟器玩小程序安卓模拟器微信小程序玩不了 app小程序增值电信许可安卓有用的小程序

别人的小程序的appid是什么不重复抽号小程序部署微信小程序费用不用关键词怎么搜到小程序部署小程序3元不需开发也能卖货的小店小程序不用域名的微信小程序布置作业打卡小程序 bmob小程序res返回的数据类型布置作业的小程序不需要域名怎么测试小程序步数可以兑换东西的小程序步行测距离的小程序步数换东西的小程序步步高手机小程序百度商桥如何接入小程序

c语言小程序函数嵌套例子 c#程序如果保存小程序超强智商小程序一直审核超强智商送娃娃问题小程序 c#小程序 c/c++生日快乐小程序长治微信小程序价格长知识的小程序长沙小程序诈骗 c语言小程序60秒倒计时 C#判断是否微信小程序进来 c#表白小程序餐饮小程序需要icp 长治微信小程序哪家强 c++小程序生成上阶梯形矩阵 C#写微信小程序

调查的小程序多重选择的小程序动画头像的小程序叫什么打字正确率小程序斗地主小程序残局28关读取小程序二维码数据调试微信小程序白调试小程序上传不了文档怎么办夺冠小程序如何夺宝类小程序调查微信小程序调研类小程序开发斗小程序地主残局二十关调小程序界面调查问卷为微信小程序调查问卷微信小程序

二手商城小程序二维多段线转成pl线小程序二手信息交易小程序二手房微信小程序推广方案二手商品微信小程序二手交易平台小程序二维码小程序如何获取二维码抽奖小程序二手小程序出售二维码识别小程序二维码转化小程序码 ecshop小京东小程序二维码分销小程序二维码转换为小程序码二维码展示小程序二维码红包小程序

附近小区小程序复用资质认证小程序收费吗傅立叶变换小程序附近小程序怎么添加进去位置复用资质创建小程序的限制附近小程序展示中怎么看不到复用公众号的资质创建小程序覆盖小程序的方法富途股票小程序复杂的小程序附近小程序照片转换word 富友社区小程序附近小程序资质富秘之路小程序 flashhtml5微信小程序复合线批量加点小程序

国外有类似微信小程序的软件吗个人小程序转公司该小程序可能导致微信变慢被终止国信通中科小程序果粉党微信小程序公众号小程序快递付款公众号门店小程序审核不过国网安规微信小程序过热蒸汽焓熵计算小程序国文识别小程序公众号小程序备用网页果蔬公众号小程序该小程序可能导致微信响应缓慢过年贺卡小程序公众号认证后小程序还要认证共享健身房小程序

获取小程序商户号获取小程序支付配置有误怎么办获取小程序上传图片华为微信小程序视频无法播放获取验证码后倒计时小程序获取小程序入口带参数获取小程序二维码乱码 h5按钮调用小程序分享获取小程序基础库版本获取小程序二维码参数海盗来了小程序赠送水果获取小程序页面二维码带参 hbuilder如何运行微信小程序获取小程序码参数获取小程序转发路径参数海盗来了小程序水果

it120小程序 iphone字幕滚动小程序 Iso微信小程序怎么关闭 iphone怎么取消小程序 iponex换刘海小程序 ISO小程序充值 iqzz小程序 iphonr桌面小程序 ivote小程序投票怎么用 i麦当劳小程序领取汉堡 i麦当劳小程序开不出来 i麦当劳小程序 iu小程序 ipad可以用小程序了 iphone微信小程序视频黑屏 ipone微信小程序

java中按Q退出小程序军武次位面微信小程序专题没了绝地求生吃鸡小程序不能用了军旗版2048小程序绝地求生陪玩小程序鲸打卡小程序怎么样? 禁止微信使用小程序即速应用小程序后台php 绝地求生旅客吃鸡小程序用不了即速小程序数据管理测试 JSP不运行JAVA小程序绝地求生辅助小程序即速提交审核小程序功能页面 javaapplet用代码关闭小程序鲸打卡小程序199 java小程序怎么添加背景音乐

昆明首家小程序供应商昆明商标小程序加盟网窥客微信小程序昆山微信小程序开发昆山小程序骗觉昆山小程序有多少家昆明小程序个人昆山求职找工作小程序昆明分销小程序开发快站有没有小程序匡威微信小程序怎么进去匡威小程序开眼小程序可以完全写html5放入小程序吗开发版小程序别人预览不了框架小程序文档

律师微信小程序有用律师会见小程序旅游小程序图片链接触发微信小程序绿色圣诞帽小程序律部落小程序旅游业微信小程序律师事务所小程序ppt 旅游指南小程序旅游与微信小程序绿骆驼小程序律师小程序旅游小程序排版绿叶小程序微店是什么意思? 旅游小程序中的关键词语律师用小程序吗

美团小程序活动比app还多美团外卖小程序里能不能换手机号慕课网微信小程序开发美团外卖小程序手机号 macbook能开发小程序麦当劳小程序退款要多久麦当劳小程序退款麦当劳小程序点餐可以退款吗慕课微信小程序入门与实战模拟器可以打开小程序吗? 慕课微信小程序教程慕课网小程序百度网盘美团APP登陆美团小程序账号美团外卖小程序怎么改电话号码 matlabfunction红色波浪小程序麦当劳小程序如何退单

弄一个微信小程序要多少钱诺怀软件小程序女孩子喜欢的小程序女王新款微信小程序农业部小反刍兽疫免疫程序女朋友的小程序女装小程序介绍女人洗小净程序弄个可以收费的小程序诺基亚小程序退款能拍出动漫头像的是什么小程序农家乐小程序诺基亚微信小程序商城农业银行小程序女性产品的小程序女孩子小程序

oppo微信小程序满屏 op官方网站小程序 oppor11小程序偶像影响力小程序 oppor9s桌面小程序 oppo微信里有小程序吗 oppo手机微信上没有小程序 oppo通知栏应用小程序 oppo有什么小程序 oppo小程序放不了桌面 oppo怎么弄小程序 oppo中的小程序 oss小程序 oppo微信小程序很卡 oppo手机小程序栏 oppoR9界面小程序

苹果小程序设密码 python3写一个登录小程序浦发小程序问题普陀小程序普勒品牌商城小程序普勒轻商城小程序普乐普市小程序判断小程序checkbox是否选中苹果7微信里的小程序怎么授权浦发小程序怎么了浦发信用卡小程序无搜索结果浦发信用卡小程序浦发小程序无法签到 php微信小程序提现普勒小程序 python能做小程序吗

群玩小程序群应用小程序在群小程序好玩群玩助手小程序安全吗群里的聊天小程序怎么去除群有用小程序群约助手小程序 qtdesigner添加槽小程序函数群有活动小程序群小助手小程序干嘛用群玩助手小程序怎么加群主小程序其他组织的小程序群统计小程序截图群玩助手小程序下载群运用小程序

入驻微信小程序要钱吗入驻微信小程序抽成入驻小程序费用如何查看小程序ID 软件公司开发小程序会计处理入驻微信小程序收费吗软键盘小程序下载入驻微信小程序的商家软件开发的小程序如何将微信群里的聊天小程序删除瑞幸咖啡为何没有小程序入驻微信小程序需要收费吗如何找回微信小程序appid 软文植入小程序入驻微信小程序如何禁止孩子微信小程序游戏

索尼xz小应用程序索尼z5的小程序怎么找索尼记事本小应用程序索尼小应用程序下载软件所有小程序闪退三星手机取消小程序宿迁微信小程序开发设置不显示小程序索尼小应用程序下载安装使小程序重新加载 safari小程序 sql练手小程序索尼便签小程序宿迁小程序索尼xzp小程序手机小程序的视频如何传到电脑里

推送文章的小程序推荐有用的微信小程序腾讯小程序云上传语音403 跳转后微信小程序tabbar不显示天客通小程序 tp5接受小程序用户信息椭圆形印花机小程序推送其他小程序推箱子小程序推文加小程序题库小程序源码拖拽小程序推文小程序链接视频网站托福微信小程序推文里可以插入小程序吗推销小程序承包公司

unity可以开发小程序吗 util小程序 ul小程序 uni小程序牛刀云 unity微信小程序 url服务器地址小程序 ug40程序单怎么缩小 unity小程序教程 ui微信小程序集成 utf8转成汉字的小程序 unity开发微信小程序 unlk小程序下载 url微信小程序 UI开发小程序 u盘视频小程序 uvision5简单小程序

vuenpm微信小程序 vue打包成小程序 vueja微信小程序开发 vue开发微信小程序开发视频 vx猜歌小程序101首 vs开发小程序 v信小程序连轮购 vs2013开发的小程序 vs怎么在小程序里加背景音乐 vue开发支付宝小程序 vs有趣的小程序 vs小程序实时预览 vuex微信小程序 vs开发微信小程序 vs小程序 vux开发微信小程序

微信小程序怎么把数组里的值清空微信美团小程序怎么改手机号码微信PC版小程序微信小程序收款怎么给顾客留言微信小程序能用com域名吗微信美团小程序怎么切换账号微信小程序如何给input赋值微信上的小程序小黄车如何退款微信群里面有聊天小程序怎么册除微信美团小程序如何换绑手机号微信上的小程序怎么传到U盘上微信小程序美团怎么换绑定手机号微信绑定了小程序,怎么解绑微信小程序美团外卖电话怎么改微信怎么解绑我的小程序微信小程序如何触发其他函数

小程序id是什么类型小程序icon大小怎么调小程序调用怎么外边的函数小程序如何给src节点赋值小程序复选框选状态如何判断小程序textarea如何使用小程序开发怎么设置字体为苹方小程序怎么免域名免备案小程序中audio的宽高怎么该小程序活动怎么通知粉丝夏说英文晨读小程序怎么录音小程序能用jquery吗小程序提现必须是对公账户吗小程序不支持html吗小程序如何获取uuids 小程序怎么去除class

运维密码小程序怎么玩一个小程序可以将照片弄成漫画域名能帮多少个小程序运营小程序难吗运营得最好的小程序运势小程序一个域名对应多个小程序圆形小程序二维码的运营小程序花钱吗用宏编小程序运营电商小程序的秘诀原始ID去找回小程序账号运行程序小化后找不到有没有小程序自动显示备注名运行内存一般比程序小多少用java实现两个小程序相加

怎么在小程序里引入js文件怎么知道自己的小程序基础库版本怎么在小程序上加流量主代码怎么删除群聊天小程序怎样把手机里小程序的软件删除坐标小程序支付宝小程序蓝牙分包做小程序需要的材料怎样解决无限弹窗小程序怎么看自己小程序的账号注册小程序像腾讯公司小额打款做一个优惠券发布小程序怎样删掉“附近小程序”里内容做小程序链接淘宝怎么在CAD里写入小程序找到小程序链接地址

咨询热线

13312967497

扫码添加业务即可随时咨询还可领取小程序推广攻略

业务咨询： 13312967497

扫码咨询

扫码咨询套餐

回到顶部

movable-view层级太高 导致微信小程序页面事件无法点击

movable-view层级太高导致微信小程序页面事件无法点击