在容器div的整个空间中拖动2个Divs

我想在一个较大的div中拖动2个div。Test1很好用,但不能将Test2拖到Test1上。问题是,left=0Test2的值设置为其当前相对位置。因此left=0,Test2处于Test1的边缘。这就是为什么我不能将其移过(左)其原始位置的原因。我需要将此值设置为absolute left=0其父div(id="ganz")的值,因此可以将其拖到整个父div的Test1上。我不知道该怎么做。你们能帮我吗?

这是小提琴演示:https : //jsfiddle.net/pr0cz/wq9amoxd/6/

JS的原始来源:纯JavaScript:设置可拖动元素的边框

解决方案是提供

document.getElementById("rechtsheader").style.position = "absolute";

但是还添加lefttop内联到div元素。如果没有内联声明,它将始终设置lefttop返回,top:20px left:20px因为它似乎无法识别css中的当前值。这就是为什么该元素跳回左上角的原因,就像提到的@ bru17的注释一样。

<div id="rechtsheader" style="top:0px; left:105px;">Test2</div>

代码段已更新。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

拖放或替换整个div容器。拖动弹出模态

来自分类Dev

如何确保容器中的div占用整个容器空间

来自分类Dev

CSS:2个div相邻,一个向右浮动,另一个在剩余空间中居中

来自分类Dev

htaccess在同一空间中的2个域

来自分类Dev

两个div不会填充容器的整个宽度

来自分类Dev

填充剩余屏幕空间的宽度(整个容器)

来自分类Dev

Vue拖动一个玩家名称,拖动整个列表

来自分类Dev

如何在Zend2中的另一个命名空间中访问模型?

来自分类Dev

在浮动div剩余的剩余空间中将div居中?

来自分类Dev

在 div 内创建一个 2 div 共享空间

来自分类Dev

在容器div后面放置2个div(顶部底部)

来自分类Dev

2个单独的div容器-使用1 div容器中的活动状态与2 div容器中的活动状态相同的链接

来自分类Dev

使另一个div两侧的Divs扩展到容器的边缘

来自分类Dev

Flexbox div不占用整个垂直空间

来自分类Dev

如何使div容器达到屏幕的整个高度?

来自分类Dev

如何使div容器达到屏幕的整个高度?

来自分类Dev

jQuery / TinySort移位整个DIV容器

来自分类Dev

固定大小容器中的3个div:固定大小的容器2个,应拉伸1个

来自分类Dev

如何从命名空间中的函数调用div的onmouseover事件?

来自分类Dev

Kubernetes:将2个命名空间中的2个PVC绑定到同一PV,一个成功,一个失败

来自分类Dev

Irrlicht:基于四个角坐标在 3D 空间中绘制 2D 图像

来自分类Dev

如何使切换按钮占据容器中的整个空间?

来自分类Dev

重用另一个命名空间中的文档

来自分类Dev

检查空间中的4个点是否是矩形的角点

来自分类Dev

访问另一个命名空间中的方法

来自分类Dev

如何使xml中的2个按钮以线性布局粘在一起(覆盖整个空间)?

来自分类Dev

Unity LookAt,但将整个身体朝3D空间中的方向旋转

来自分类Dev

在容器div中并排浮动2个元素

来自分类Dev

Javascript不起作用-2个不同的div容器

Related 相关文章

  1. 1

    拖放或替换整个div容器。拖动弹出模态

  2. 2

    如何确保容器中的div占用整个容器空间

  3. 3

    CSS:2个div相邻,一个向右浮动,另一个在剩余空间中居中

  4. 4

    htaccess在同一空间中的2个域

  5. 5

    两个div不会填充容器的整个宽度

  6. 6

    填充剩余屏幕空间的宽度(整个容器)

  7. 7

    Vue拖动一个玩家名称,拖动整个列表

  8. 8

    如何在Zend2中的另一个命名空间中访问模型?

  9. 9

    在浮动div剩余的剩余空间中将div居中?

  10. 10

    在 div 内创建一个 2 div 共享空间

  11. 11

    在容器div后面放置2个div(顶部底部)

  12. 12

    2个单独的div容器-使用1 div容器中的活动状态与2 div容器中的活动状态相同的链接

  13. 13

    使另一个div两侧的Divs扩展到容器的边缘

  14. 14

    Flexbox div不占用整个垂直空间

  15. 15

    如何使div容器达到屏幕的整个高度?

  16. 16

    如何使div容器达到屏幕的整个高度?

  17. 17

    jQuery / TinySort移位整个DIV容器

  18. 18

    固定大小容器中的3个div:固定大小的容器2个,应拉伸1个

  19. 19

    如何从命名空间中的函数调用div的onmouseover事件?

  20. 20

    Kubernetes:将2个命名空间中的2个PVC绑定到同一PV,一个成功,一个失败

  21. 21

    Irrlicht:基于四个角坐标在 3D 空间中绘制 2D 图像

  22. 22

    如何使切换按钮占据容器中的整个空间?

  23. 23

    重用另一个命名空间中的文档

  24. 24

    检查空间中的4个点是否是矩形的角点

  25. 25

    访问另一个命名空间中的方法

  26. 26

    如何使xml中的2个按钮以线性布局粘在一起(覆盖整个空间)?

  27. 27

    Unity LookAt,但将整个身体朝3D空间中的方向旋转

  28. 28

    在容器div中并排浮动2个元素

  29. 29

    Javascript不起作用-2个不同的div容器

热门标签

归档