小程序
小游戏
企业微信
微信支付
扫描小程序码分享
transform实现左滑操作与左滑模块弹窗事件有冲突,弹窗不在页面展开,而是在左滑模块区域展开
使用position实现左滑操作需要限定高度
想问下第一种方式有解决办法吗?或者还有其他的实现方式吗?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
1. 对于 transform 实现左滑操作与左滑模块弹窗事件有冲突的问题,你可以尝试使用 CSS 的 z-index 属性来控制弹窗和左滑模块的堆叠顺序。将弹窗的 z-index 设置为一个比左滑模块更高的值,这样弹窗就会显示在左滑模块的上方。
2. 如果你不想限定高度,你可以尝试使用 CSS 的 flex 布局来实现左滑操作。flex 布局可以让你的元素在不限定高度的情况下进行左滑操作。
3. 另外,你还可以考虑使用 JavaScript 来实现左滑操作。你可以监听元素的 touchstart、touchmove 和 touchend 事件,然后根据触摸事件的位置信息来计算元素的位置,并使用 CSS 的 transform 属性来移动元素。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
1. 对于 transform 实现左滑操作与左滑模块弹窗事件有冲突的问题,你可以尝试使用 CSS 的 z-index 属性来控制弹窗和左滑模块的堆叠顺序。将弹窗的 z-index 设置为一个比左滑模块更高的值,这样弹窗就会显示在左滑模块的上方。
2. 如果你不想限定高度,你可以尝试使用 CSS 的 flex 布局来实现左滑操作。flex 布局可以让你的元素在不限定高度的情况下进行左滑操作。
3. 另外,你还可以考虑使用 JavaScript 来实现左滑操作。你可以监听元素的 touchstart、touchmove 和 touchend 事件,然后根据触摸事件的位置信息来计算元素的位置,并使用 CSS 的 transform 属性来移动元素。