javascript - jquery 仅当父级更高时才滚动 div

Question

如何计算父级的高度，以便左侧 div 仅在其下方有空白空间时才进行动画处理。我试图计算父母的身高大于问题高度+边距顶部。

这是代码的简化版本：以http://jsfiddle.net/rewsn/6/为例。虽然在真实版本中，问题/答案是通过 AJAX 更改的，所以这就是我每次都需要计算高度的原因。

Answer 1

如果我理解正确，那么像下面这样的简单条件应该可以解决您的问题。

if ((y + el.outerHeight()) < $container.height()) {

演示

var el = $('.answer');
var elpos = el.offset().top;
var $container = $('.container');

$(window).scroll(function() {
    var y = $(this).scrollTop();
    var mTop = y - elpos;

    if ((y + el.outerHeight()) < $container.height()) {
        if (y < elpos) {
            el.stop().animate({
                'margin-top': 0
            }, 500);
        }
        else {
            el.stop().animate({
                'margin-top': y - elpos
            }, 500);
        }
    }
});

Answer 2

不是 100% 确定你的意思 - 你想阻止“答案”低于“问题”吗？像这样的东西？ http://jsfiddle.net/X3cbB/1/