如题,我想计算红框#box这个div相对于绿框#wrapper这个div的距离,分别以它们上下边框为基准计算。应该如何实现呢?
body {
font: 0.875em/1 Arial;
}
#wrapper {
height: 198px;
width: 400px;
padding: 10px;
overflow-y: scroll;
border: 2px solid #0a0;
}
#box {
border: 10px solid #a00;
height: 200px;
width: 200px;
margin: 40px auto;
}
.appended-box {
border: 10px solid #00a;
height: 200px;
width: 200px;
margin: 40px auto;
}
#wrapper
#box
#box上边框相对#wrapper上边框距离: px
#box下边框相对#wrapper下边框距离: px
更改布局
$('#wrapper').bind('scroll', function() {
$('#offset-top').text('');
$('#offset-bottom').text('');
});
$('button#dom-reflow').click(function() {
$('#wrapper').append('
$('.appended-box').html('.appended-box');
});