拖動調整大小包含在另一個div與填充

我想調整一個div完全像這裏在stackoverflow編輯器（在編輯器的底部）。拖動調整大小包含在另一個div與填充

一切工作正常，直到我把我的div在另一個div與填充位置。

包含在一個div：

我使用這個拖動DIV。請注意，它正在工作，直到我在我的主div中填充。

$('#drag').mousedown(function(e){ 
    $(document).mousemove(function(e){ 
     $('#iframeEditorContainer').css("height",e.pageY); 
    }) 
}); 
$(document).mouseup(function(e){ 
    $(document).unbind('mousemove'); 
});

，然後我把它通過改變JS行工作： working

$('#iframeEditorContainer').css("height",e.pageY-80);

我確實-80爲Y，以應對填充。問題是我不相信這個-80，我是通過反覆試驗來做到的，如果在我的頁面上發生了什麼變化，我擔心它會攪亂拖拉機。有沒有更好的方法來做到這一點？

來源

2015-09-09 Ced

高度或者你可以使用[本地大小調整機制（https://developer.mozilla.org/en-US/docs/Web/CSS/resize）'resize：vertical'來實現這一點，就像[this]（http://jsfiddle.net/DerekL/pb0wn12j/）。 –

@Derek朕會功夫我實際上是從那裏來的，現在想要一個酒吧在底部更多的贓物。 – Ced

這裏http://jsfiddle.net/fcoerd0t/3/

獲取頁面的頂部，並在div之間的高度。

$('#drag').mousedown(function(e){ 
    var top = $('#iframeEditorContainer').offset().top; 
    $(document).mousemove(function(e){ 
     $('#iframeEditorContainer').css("height",e.pageY-top); 
     e.preventDefault(); 
    }) 
});

這樣，你將永遠被計算的#iframeEditorContainer

來源

2015-09-09 00:37:53 stanley1943

謝謝！我實際上是在今天晚上開始jquery，並不知道偏移量。 – Ced

拖動調整大小包含在另一個div與填充

回答

相關問題