通过 jscrollpane 拖放滚动窗格
好奇是否有人向 jscrollpane 添加了拖放功能?
我希望拖动一个 div(在 jscrollpane 内部)并将其放入 jscrollpane 外部的 div 中,然后将其恢复到源。
现在,由于溢出隐藏,您无法将其拖动到 jscrollpane 窗口之外。
Curious if anyone has added drag and drop functionality to jscrollpane?
I'm looking to drag a div (inside jscrollpane) and drop it in a div outside the jscrollpane and have it revert back to the source.
Right now with overflow hidden you can't drag outside of the jscrollpane window.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我也有同样的问题。
我的页面由 jScrollPane 左侧的标签列表和将标签拖到的页面其余部分的图像组成。这些标签可从 jQuery Ui 中拖动。我无法将标签拖动到滚动窗格之外,因为溢出:隐藏是使其工作所必需的。
但如果您使用 jQuery Ui(您未指定),这里有一个解决方法:
您可以使用辅助元素并将其附加到正文(因为它位于滚动窗格之外)。这将创建该元素的副本,这就是您拖动的内容。这为用户提供了足够的视觉反馈。我无法找到一种方法来实现它,以便您可以拖动实际元素,但这可行:
I had this same issue.
My page consists of a list of tags on the left inside a jScrollPane and images on the rest of the page that you drag the tags to. The tags are draggables form jQuery Ui. I wasn't able to drag the tags outside the scroll pane because of the overflow:hidden that is necessary to make it work.
But here's a workaround if you're using jQuery Ui (you didn't specify):
You can use a helper element and append it to the body (because it's outside the scroll pane). This creates a copy of the element and that is what you drag. This gives sufficient visual feedback to the user. I can't figure out a way to make it so you can drag the actual element, but this works: