javascript - 无法使用 window.scrollTo(0,content_scroll_pos) 使窗口滚动到所需位置；

Question

我手头有一个简单的任务，但有些东西不能正常工作：|

有一个按钮可以打开全屏菜单，淡出所有其他内容。还有另一个按钮可以关闭菜单并淡入内容。

但是菜单窗口高度可能与内容高度完全不同。因此，当用户单击打开菜单时，他会跳到窗口顶部。但是当用户关闭窗口时，他应该返回到原来的窗口滚动位置（正是点击打开菜单的位置）。

到目前为止我有这个 *window.scrollTo(0,content_scroll_pos);不起作用！好吧，它跳到 0 0。但鉴于我知道 content_scroll_pos 变量不是 0。

//Content window position, before calling menu
var content_scroll_pos;
//Show menu
$("#open_nav").on("click", function(){
    //
    content_scroll_pos = $(document).scrollTop();
    //
    $("#grid_index, #sidebar-big").fadeOut("fast", function(){
        window.scrollTo(0,0);
        $("nav").fadeIn();
    });
    return false;
});
//Hide menu
$("#close_nav").on("click", function(){
    $("nav").fadeOut("fast", function(){
        window.scrollTo(0,content_scroll_pos);
        $("#grid_index, #sidebar-big").fadeIn();
    });
    return false;
});

Answer 1

修复问题，只需重新安排事件：

//Content window position, before calling menu
var content_scroll_pos;
//Show menu
$("#open_nav").on("click", function(){
    //
    content_scroll_pos = $(window).scrollTop();
    //
    $("#grid_index, #sidebar-big").fadeOut("fast", function(){
        window.scrollTo(0,0);
        $("nav").fadeIn("fast");
    });
    return false;
});
//Hide menu
$("#close_nav").on("click", function(){
    $("nav").fadeOut("fast", function(){
        $("#grid_index, #sidebar-big").fadeIn("fast");
        window.scrollTo(0,content_scroll_pos);
    });
    return false;
});