如何使用 GSAP 在 overflow:hidden 容器中拖动元素？
How can I drag an element within a overflow:hidden container using GSAP?
我会尽量保持简洁。
我需要在我的项目中使用 GSAP 的可拖动插件。该插件很棒，效果很好。我认为我的问题只是我不太了解。
代码笔：
https://codepen.io/mhcdotcom/pen/dzyNmB
拖动 #stage 元素允许单击和拖动功能。
.inner 元素扩展到容器 div 之外，因此我在舞台元素上使用 overflow:hidden。
当我这样做时，.inner 元素中超出可视区域的部分没有进入框架并且似乎被切断了。
在 GSAP 中有解决这个问题的方法吗？我错过了什么？
我用谷歌搜索无果。
非常感谢任何帮助。
谢谢
萌
"All" draggable 的作用是向正在拖动的元素添加一个过渡，因此任何溢出等仍将得到尊重。
我不能 100% 确定您要实现的目标，但您可以在 dragStart/dragEnd 上添加 类，这意味着您应该能够获得所需的行为。
我分叉了一个代码笔给你一个基本的例子。
onDragStart: function() {
stage.classList.add('dragging');
},
onDragEnd: function() {
stage.classList.remove('dragging');
}
我会尽量保持简洁。
我需要在我的项目中使用 GSAP 的可拖动插件。该插件很棒，效果很好。我认为我的问题只是我不太了解。
代码笔： https://codepen.io/mhcdotcom/pen/dzyNmB
拖动 #stage 元素允许单击和拖动功能。
.inner 元素扩展到容器 div 之外，因此我在舞台元素上使用 overflow:hidden。
当我这样做时，.inner 元素中超出可视区域的部分没有进入框架并且似乎被切断了。
在 GSAP 中有解决这个问题的方法吗？我错过了什么？
我用谷歌搜索无果。
非常感谢任何帮助。
谢谢
萌
"All" draggable 的作用是向正在拖动的元素添加一个过渡，因此任何溢出等仍将得到尊重。
我不能 100% 确定您要实现的目标，但您可以在 dragStart/dragEnd 上添加 类，这意味着您应该能够获得所需的行为。
我分叉了一个代码笔给你一个基本的例子。
onDragStart: function() {
stage.classList.add('dragging');
},
onDragEnd: function() {
stage.classList.remove('dragging');
}