拖动调整大小包含在另一个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与填充

回答

相关问题