基本上我有一个固定大小的IFRAME与overflow: auto
。 IFRAME显示给定页面。我试图达到的目标是能够拖动IFRAME的内容(以便可以在不使用滚动条的情况下导航内容)。这是可能做到的,如果是这样的话?jQuery UI可拖动iFrame内容
3
A
回答
0
你要访问的iframe页面要做到这一点,滚动条都没有父页面的一部分。如果你不能改变代码,我认为这是不可能的。
我试着把东西放在一起。这是不是很完美,但它是一个开始:
$(function() { /* drag to scroll */
var move = $('body');
var x, y;
var scroll = false;
move.mousemove(function(event) {
if (scroll) {
move.scrollTop(move.scrollTop() + (y - event.pageY));
move.scrollLeft(move.scrollLeft() + (x - event.pageX));
}
x = event.pageX;
y = event.pageY;
});
move.mousedown(function() { scroll = true; return false; });
move.mouseup(function() { scroll = false; return false; });
});
的jsfiddle例如:http://jsfiddle.net/jBdjm/
0
看看jQuery UI是否适合你。有一个可拖动的功能,以及许多其他功能,你可能最终也想调整大小。
相关问题
- 1. jQuery UI可拖动动态内容
- 2. 修改div的内容,同时拖动jQuery UI可拖动
- 3. jquery ui在容器内拖动滚动
- 4. jquery UI可拖动:水平拖拽容器内溢出:scroll?
- 5. 拖动的iFrame使用jQuery UI可拖动
- 6. jquery-ui可拖动和动态的jquery-ui可拖动吗?
- 7. jQuery UI的可拖动:不是容器
- 8. JQuery UI可拖动与Wijmo拖动
- 9. Jquery UI可拖动iframe滚动问题不起作用
- 10. jQuery UI可拖动回复
- 11. jQuery UI可拖动限制
- 12. jQuery UI可拖动网格
- 13. JQuery UI可拖动标签
- 14. jquery可拖动的隐藏内容
- 15. Jquery UI可拖动不滚动可排序容器
- 16. jQuery UI拖放输入字段内容
- 17. jquery ui可拖动滚动自动
- 18. 可拖动的iframe
- 19. 当动态内容发生变化时,jquery ui可拖动的div跳转
- 20. jQuery UI可拖动滚动问题
- 21. 在拖动可拖动项目的内容时禁用jQuery拖动
- 22. jQuery Ui和动态内容
- 23. 使用jQuery UI可拖放/拖放滚动多个拖放容器?
- 24. jQuery UI可拖动和可拖动的交互
- 25. jQuery ui可拖动元素获取其他可拖动元素
- 26. jQuery UI的地图区域内拖动
- 27. 无法在动态创建的可拖动内容上拖放另一个可拖动内容
- 28. 如何使jScrollPane内容可拖动
- 29. JQuery的可排序和可拖动 - 用Ajax结果替换拖动的内容
- 30. 使用jQuery UI拖放iFrame问题
是的,我已经使用拖动尝试,但它不会让我拖IFRAME内容。 – GSTAR 2012-02-07 16:52:47
试试这个iframe:http://archive.plugins.jquery.com/project/jquery-framedialog – 2012-02-07 17:00:28
不,那不是我以后的样子。 – GSTAR 2012-02-08 09:41:09