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

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);

它不执行任何操作，并且它使用 undefined variable 来执行该操作。遗憾的是，您的意图有些不清楚，但我会从解决这两个问题开始。