Javascript用于在点击时将新内容放入div -自动向下滚动到新内容不起作用

Question

这是我正在使用的代码。我希望用户能够点击花朵，并让它们自动向下滚动到div，在那里较大的花朵弹出。有时它会这样做，有时它会在瞬间下降，然后又会回升。怎么了？这里是运行中的站点，但您必须等待一段时间才能加载图像：

http://www.momentaryvitality.ca/prairie2.shtml

function updateContainer(url) {
    dynamicCon = '#dynamicContainer';
    ObjTag = $(dynamicCon);
    ObjTag.load(url);
}
$(document).ready(function () {
    $('a[rel="dynamicLoad"]').bind("click", function (event) {
        url = $(this).attr('href');
        updateContainer(url);
        event.preventDefault();
        event.stopPropagation();
    });
});

Answer 1

如果打开javascript控制台，您将看到：

Uncaught ReferenceError: height is not defined

它指向下面这行代码：

    ({
        scrollTop: height
    }, 3000);

它什么也不做，它使用一个未定义的变量来不做任何事情。不幸的是，您的意图有些不明确，但我将从修复这两个问题开始。