收藏
回答

拖拽滑动组件功能该怎么实现?

transform实现左滑操作与左滑模块弹窗事件有冲突,弹窗不在页面展开,而是在左滑模块区域展开

使用position实现左滑操作需要限定高度

想问下第一种方式有解决办法吗?或者还有其他的实现方式吗?


回答关注问题邀请回答
收藏

1 个回答

  • Ray
    Ray
    2023-08-21

    1. 对于 transform 实现左滑操作与左滑模块弹窗事件有冲突的问题,你可以尝试使用 CSS 的 z-index 属性来控制弹窗和左滑模块的堆叠顺序。将弹窗的 z-index 设置为一个比左滑模块更高的值,这样弹窗就会显示在左滑模块的上方。

    2. 如果你不想限定高度,你可以尝试使用 CSS 的 flex 布局来实现左滑操作。flex 布局可以让你的元素在不限定高度的情况下进行左滑操作。

    3. 另外,你还可以考虑使用 JavaScript 来实现左滑操作。你可以监听元素的 touchstart、touchmove 和 touchend 事件,然后根据触摸事件的位置信息来计算元素的位置,并使用 CSS 的 transform 属性来移动元素。

    2023-08-21
    有用
    回复
登录 后发表内容