javascript - JQuery 将屏幕移动到特定元素

Question

我有一个 JQuery UI 对话框，其中有一个链接。单击链接后，对话框应关闭，然后将屏幕/客户端窗口向下移动到包含详细联系信息的页脚 div。

我的问题:屏幕永远不会移动到我告诉它的位置，它只是停留在原处。对话框正确关闭(所以我知道正在调用 javascript 函数)但客户区不会向下滚动/移动/切换到页脚元素。信息:页脚位于页面底部，页面(body 元素)高约 2000px。

我做错了什么以及如何让屏幕移动某个元素？

function moveToFooter()
{
    $("body").scrollTop($("#footer").position().left+$("#footer").offset().left, $("#footer").position().top+$("#footer").offset().top);
    // Just a simple test to move the screen anywhere doesn't work either:
    $("body").scrollTop(300,2000);
}

Answer 1

scrollTop只接受一个参数，即水平位置。你给了它两个。

此外，您将 CSS 位置添加到页脚的偏移位置。那没有任何意义。对于绝对定位的元素，它可能有点意义，但意义不大。

所以，正确的代码应该是

function moveToFooter() {
    $("body").scrollTop($("#footer").offset().top);
}