我正在构建一个非常基本的在线应用程序,您可以在其中从工具栏(或某种存储盒,因为最终会有很多图像)获取图像并将它们拖放到画布上。我是 Web 开发的新手,但我知道如何进行拖放,我只是在寻找一种制作工具栏并将图像放入其中的方法。理想情况下,我想要一个带有滚动条的框。
这似乎应该是一个非常简单的问题。任何帮助将非常感激!
我正在构建一个非常基本的在线应用程序,您可以在其中从工具栏(或某种存储盒,因为最终会有很多图像)获取图像并将它们拖放到画布上。我是 Web 开发的新手,但我知道如何进行拖放,我只是在寻找一种制作工具栏并将图像放入其中的方法。理想情况下,我想要一个带有滚动条的框。
这似乎应该是一个非常简单的问题。任何帮助将非常感激!
我最终发现的最简单的方法是使用
overflow: scroll;
在包含图像的 CSS div 中。
这是一个非常好的和简单的 HTML5 中使用拖放的演示:
请注意,拖动链接很容易(如本演示中所示),但无法拖动任何不在 IE9 中链接内的图像。
如果您想要一个完全跨浏览器的解决方案,您将不得不恢复到旧的解决方案(跟踪鼠标向下、移动和向上并设置自己的对象位置)。
如果您说您知道拖放并且只想要一个带有滚动条的框,那么请检查:http: //jqueryui.com/demos/slider/side-scroll.html