javascript – 使用填充拖动调整包含在另一个中的div的大小

我正试图在stackoverflow编辑器(在编辑器的底部)完全像这里调整div的大小.

一切正常,直到我将div放在另一个带有填充的div中.

包含在div中:

contained in 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,我是通过反复试验来做到的,如果我的页面上发生了某些变化,我担心这会让拖车陷入困境.有没有更好的方法呢?

最佳答案 这里
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的高度

点赞