公告列表
公告列表
收藏
回答

拖动组件时，怎么让屏幕固定？

制作了一个表格，拖动一行到其它行时，屏幕跟着一起动，导致拖动不了，只有在拖到顶或底时，才能实现功能。

在json里面用了disableScroll:true是不行的，因为那样导致整个页面固定不动，而现有页面是超出一页的，还是需要能上下划动。

我想要实现的功能是类似IOS里面那种：当长按时，长按行浮动，且整个屏幕固定不动，待拖动完成后，整个屏幕恢复正常，还是可以上下划动。

请问如何实现？

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

2 个回答

  • 啥时给
    啥时给
    2021-12-23

    我们自己撸的九宫格拖动排序也是页面会跟着滚动导致没上

    2021-12-23
    有用
    回复
  • 武曲心
    武曲心
    2021-05-13

    你拖动的父级容器有滚动事件的吧，你可以在子标签用catchtouch，如果功能特殊还可以考虑movable-area和movable-view

    2021-05-13
    有用
    回复 10
    • A立邦涂料汉阳店18627131123
      A立邦涂料汉阳店18627131123
      2021-05-13
      你好。感谢回复。
      1、同级的标签另有tap和longpress事件，用catchtouch后都不能使用了，有冲突；
      2、movable-area和movable-view，因为使用场景有点特殊，不能使用。
      2021-05-13
      赞
      回复
    • 武曲心
      武曲心
      2021-05-13回复A立邦涂料汉阳店18627131123
      catchtouch和tap、longpress有冲突，那我问你拖动元素你用什么事件做驱动？
      2021-05-13
      赞
      回复
    • A立邦涂料汉阳店18627131123
      A立邦涂料汉阳店18627131123
      2021-05-13回复武曲心
      bindtouchstart/move/end，可以和bindtap/longpress同时使用，换成catch就不行了。
      2021-05-13
      赞
      回复
    • 武曲心
      武曲心
      2021-05-13回复A立邦涂料汉阳店18627131123
      你的bindtouchstart/move/end是写在父级，bindtap/longpress是写在子级，但是呢实际驱动bindtouchstart/move/end是子级的元素吧
      2021-05-13
      赞
      回复
    • 武曲心
      武曲心
      2021-05-13回复A立邦涂料汉阳店18627131123
      如果是这样的话你在多加一个层级包裹这些元素，把touchstart/move/end用catch写到上面，bindtap/longpress也用catch
      2021-05-13
      赞
      回复
    查看更多(5)
请 登录 后发表内容
相关文档