jQuery UI перетаскиваемый контент iFrame

Question

В основном у меня фиксированный размер IFRAME с overflow: auto.IFRAME отображает заданную страницу.То, что я пытаюсь достичь, - это возможность перетаскивать содержимое IFRAME (так, чтобы содержимое можно было перемещать без использования полос прокрутки).Можно ли это сделать, если да, то как?

Answer 1

Для этого вам нужно получить доступ к странице 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/

Answer 2

Посмотрите, работает ли у вас jQuery UI. Есть перетаскиваемая функциональность и многие другие функции, которые вам, вероятно, тоже понадобятся, например, изменение размера.

http://jqueryui.com/demos/draggable/