如何使iframe從中心使用jQuery進行拖放？

我做了一個iframe，我想使它可拖動使用jqueryui，但它只是從div的角落拖，任何人都可以告訴我如何使iframe從中心拖動？以下是我的代碼：如何使iframe從中心使用jQuery進行拖放？

<html> 
<head> 
    <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
</head> 
<body> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $(".main").draggable({cancel:null}); 
     }); 
    </script> 
    <style type="text/css"> 
     .main{ 
      background-color:transparent; 
      height: 100px; 
      width: 100px; 
     } 
     .main2{      
      height: 100%; 
      width: 100%; 
     } 
    </style>    
    <div class="main"> 
     <iframe src="https://www.youtube.com/v/nkS_Ar0Yad0"></iframe> 
    </div>   
</body> 
</html>

來源

2016-03-09 Abhishek Kumar

我已經創建了一個jsfiddle，但從你的代碼它似乎不可拖動：https://jsfiddle.net/silviagreen/n8L06vka/ – silviagreen

它是從角的拖動，但我想要它可以從iframe的中心拖出來，有可能嗎？ –

對於您可以設置不同iframe CSS一個快速的解決方案爲：

iframe{ 
    position:relative; 
    z-index:-1; 
}

但你可能將無法在iframe中導航（我沒有測試過這個）。所以我建議你這個post

來源

2016-03-09 10:57:07 Lucas

謝謝盧卡斯，它有幫助 –

如何使iframe從中心使用jQuery進行拖放？

回答

相關問題