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