0

有没有办法使用 jquery UI创建这种效果？

提前致谢。

4

3 回答 3

2

是的，如果你使用 firebug 并检查元素，你会看到另一个 div 中有一个可拖动的 div，它具有 overflow: hidden 属性。

<div style="width: 300px; height: 300px; overflow: hidden;">
    <div id="draggable" style="width: 800px; height: 800px;"></div>
</div>

$("#draggable").draggable();

这就是概念。

于 2012-10-07T13:19:00.567 回答
1

You can use the containment option of jQuery UI Draggable.

Here is an example: http://jsfiddle.net/AZwbP/

于 2012-10-07T14:20:31.530 回答
0

它不能用 jQuery 可拖动来实现。因为，此处的可拖动项目不应被拖动，使其顶部/左侧点大于其容器。所有 4 点也是如此。

使用 jQuery draggable 你不能限制元素的拖动超出某个坐标。

我建议使用 mousedown 和 mousemove 事件用法创建一个自定义 jQuery 插件。

于 2012-10-07T13:27:31.053 回答