Question

我试图在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，我是通过反复试验来做到的，如果我的页面上发生了某些变化，我担心这会让拖车变得混乱。有没有更好的方法呢？

Answer 1

此处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

的高度

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

1 个答案: