Div以外的座標系html

問題是，當你離開塊時。向下和向右 - 滾動顯示。當你走到左邊時 - 沒有。它需要的（下面的代碼可以運行和檢查）Div以外的座標系html

$(function() { 
 
    $("#draggable3").draggable({}); 
 
});

.generic-container { 
 
\t height: 95vh; 
 
    width: 100vh; 
 
    overflow: scroll; 
 
\t background-color: #aaa; 
 
    position: relative; 
 
\t 
 
} 
 

 

 
#draggable3{ 
 
    height: 40vh; 
 
    width: 40vh; 
 
    background-color: #fff; 
 
\t position: absolute; 
 
\t left: 28%; 
 
\t top: 28%; 
 
}

<html> 
 
\t <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
\t <link rel="stylesheet" href="/resources/demos/style.css"> 
 
\t <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
\t <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<body> 
 

 
<div class="generic-container"> 
 
    <div id='draggable3' class="draggable"> 
 
     
 
    </div> 
 

 
</div> 
 

 
</body> 
 
</html>

的限制參數的運動 - 「遏制：‘父’」這不適合我

來源

2017-04-02 Bagajok Dota

@Mr李斯特，任何。我只需要顯示滾動條，當我拖動元素＃draggable3在頂部或左側 –

@Mr Lister，n1笑話人）我需要顯示滾動時，元素去左側或/和頂端。「Overflow。auto」 - 顯示元素下降或滾動時的滾動條 –

添加scroll: false選項並從您的css中刪除overflow: scroll;。

$(function() { 
 
    $("#draggable3").draggable({ 
 
    containment: ".generic-container", 
 
    scroll: false 
 
    }); 
 
});

.generic-container { 
 
    height: 95vh; 
 
    width: 100vh; 
 
    background-color: #aaa; 
 
    position: relative; 
 
} 
 

 
#draggable3 { 
 
    height: 40vh; 
 
    width: 40vh; 
 
    background-color: #fff; 
 
    position: absolute; 
 
    left: 28%; 
 
    top: 28%; 
 
}

<html> 
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<link rel="stylesheet" href="/resources/demos/style.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<body> 
 

 
    <div class="generic-container"> 
 
    <div id='draggable3' class="draggable"> 
 

 
    </div> 
 

 
    </div> 
 

 
</body> 
 

 
</html>

來源

2017-04-02 14:52:33 Erevald

我說「containment：.generic-container」不應該包含在我的項目中！ –

@ mr-lister，「containment：'parent'」和「containment：.generic-container」 - 是一樣的。我不需要阻止可拖動的元素，當我將元素拖放到頂部或左側時，我需要滾動條 –

Div以外的座標系html

回答

相關問題