我想实现以下目标。我使用ui-kit制作了一个离开画布的左侧边栏,并使用interact进行了拖放操作。我想将元素从侧边栏拖动到具有id#inner-dropzone的放置区域。什么阻止我实现这一目标?我尝试删除左侧边栏上的z-index,还尝试了overflow-y:hidden。 这与css规则有关,还是restrictions与交互api有关?
restrict: {
restriction: "inner-dropzone",
endOnly: true,
elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
},
当前实施codepen.io
答案 0 :(得分:1)
侧边栏的overflow-y: hidden
和overflow-x
默认为auto
。相反,指定overflow: visible
会允许您将内容拖出边栏。
如果您希望避免允许可见的溢出,那么您必须将可拖动元素的父级更改为将其置于菜单前面并将其设置为使其在不显示时移动的位置。你改变了父母。