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/