anxyh 2020-06-22 13:13 采纳率: 25%
浏览 254
已采纳

html一个关于列表拖动的问题,有什么办法让item只在父容器内拖动呢?

最近在做一个列表,有一个拖动排序的效果
现在有个问题是,鼠标按住某一个Item进行拖动的时候,我只想元素在框内拖动,也就是item拖动的范围不能超过父容器。

图片说明

红色圈出来的,是鼠标按住第一个元素进行拖动时默认的效果,并且能够在整个浏览器里进行拖动,所以请问有什么办法禁掉这个效果或者让这个效果只能在父元素内进行拖动呢?
sortablejs实现的拖动,或者这个js是否有什么办法实现呢,已经查阅过相关文档没有找到资料

  • 写回答

2条回答 默认 最新

  • 淘人居士 2020-06-30 15:03
    关注

    不用原生的drag事件,用元素拖拽移动方式替代,拖拽移动基本就是控制元素的left和top属性值,
    这样就能控制被拖拽元素的移动范围了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 在误装Windows server2019 后如何利用Windows.old恢复?
  • ¥20 代码实现状态连接包过滤防火墙的设计与实现
  • ¥15 vscode的红色箭头爆红和has no default export报错
  • ¥15 关于#sql#的问题:#情况描述 在用vs对项目进行调试时,出现找不到网络路径,然后查看SQL配置工具,发现SQL服务显示远程调用过程失败(相关搜索:防火墙)
  • ¥15 eNSP中基于默认路由及浮动路由的公司与分部互联和校园网综合项目
  • ¥15 主要进行描述泥浆在管路不同区段泥浆的密度不相同,泥浆的密度有高有低,此时管路的摩阻分布需要怎么计算,(标签-matlab)
  • ¥40 通过编制程序计算圆管内层流充分发展对流换热,参数如图5-4,以及公式5-16所示,要求用表5-6对程序计算准确性进行验证
  • ¥20 该学习哪个编程语言? AI会取代程序员吗?
  • ¥15 ensp如何拼通IP地址
  • ¥15 saber软件导入Ibis模型报错