2012-02-07 18 views
3

基本的に私はoverflow: autoで固定サイズのIFRAMEを持っています。 IFRAMEは指定されたページを表示します。私が達成しようとしているのは、IFRAMEのコンテンツをドラッグできるようにすることです(スクロールバーを使用せずにコンテンツをナビゲートできるようにする)。もしそうなら、これは可能ですか?jQuery UI draggable iFrameコンテンツ

答えて

0

、スクロールバーは、親ページの一部ではありません。コードを変更できない場合、私はそれが不可能だと思います。

私は一緒に何かを入れようとしました。それはまだ完璧ではないが、それはスタートだ:

$(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が機能するかどうかを確認してください。ドラッグ可能な機能がありますが、リサイズのように多くの機能が必要になることもあります。あなたがこれを行うにはiframeのページにアクセスする必要が

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

+0

はい、私はドラッグを使用して試してみましたが、それは私がIFRAMEのコンテンツをドラッグすることはできません。 – GSTAR

+0

iFrameのためにこれを試してください:http://archive.plugins.jquery.com/project/jquery-framedialog –

+0

いいえ、それは私が何をしているかではありません。 – GSTAR