滚动到页面顶部，然后使用jQuery隐藏元素

我有一个div

home

，通过单击

show

显示或隐藏它。然后，我有第二个div

main

和一些文本。在页面末尾，我有另一个div

back

，单击该div会隐藏

main

div。我正在尝试实现这样的功能，即当单击

back

时，页面应该滚动回页面顶部，然后隐藏

main

div。我有下面的代码，但它会先隐藏div，然后向上滚动。我希望相反的情况发生-滚动到顶部，然后隐藏

$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
$（'.home'）.toggle（）；
});
$（'.back'）。单击（函数（）{
$（[document.documentElement，document.body]）。动画({
scrollTop:$（“#显示”）.offset（）.top
});
$（'.main'）.hide（）；
$（'.home'）.show（）；
});
});
.container{
背景：黄色；
}
.家{
位置：相对位置；
背景：红色；
高度：100vh；
宽度：100vw；
显示：块；
z指数：11；
}
.隐藏{
显示：无；
}
.进入{
颜色：黑色；
}
梅因先生{
背景：绿色；
高度：自动；
宽度：100vw；
显示：块；
位置：相对位置；
}

单击以显示/隐藏div
印度
美国
英国
澳大利亚
知识是一种美德，是一种美德，是一种美德，是一种美德。同侧交通工具是生命之弧。欧盟委员会委员会委员会成员的简历。鼠前庭
毛里斯·乌尔特里斯·厄洛斯（lectus mauris ultrices eros）在马萨（cursus turpis massa）中。利古拉·乌拉姆科珀·马莱苏阿达·普罗因·努克·康塞奎特。圣殿骑士团。暂时停止使用生命财产。viverra maecenas accumsan公司
浅筋膜间隙。无交通工具、无交通工具、无公共交通工具、无公共交通工具。这是狮子座的另一个入口，它的直径是暂时的，它的直径是永久的。奥古斯·莫里斯·奥古斯·奈克妊娠期
不允许因侵权行为而造成损害。自由主义者之间的相互尊重是不公平的。roin libero nunc consequat。圣殿骑士团。生命之火
suspendisse sed。生活中的共同风险是指面部的累积风险。无交通工具、无交通工具、无公共交通工具、无公共交通工具。这是狮子座的另一个入口，它的直径是暂时的，它的直径是永久的。
在发酵液和溶液中的孕妇。不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体。自由主义者之间的相互尊重是不公平的。
回到顶端
要隐藏/显示动画后的内容，请将该逻辑置于回调参数中：

$([document.documentElement, document.body]).animate({
  scrollTop: $("#show").offset().top
}, function() {
  $('.main').hide();
  $('.home').show();
});


$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
$（'.home'）.toggle（）；
});
$（'.back'）。单击（函数（）{
$（[document.documentElement，document.body]）。动画({
scrollTop:$（“#显示”）.offset（）.top
}，5000，函数（）{
$（'.main'）.hide（）；
$（'.home'）.show（）；
});
});
});
.container{
背景：黄色；
}
.家{
位置：相对位置；
背景：红色；
高度：100vh；
宽度：100vw；
显示：块；
z指数：11；
}
.隐藏{
显示：无；
}
.进入{
颜色：黑色；
}
梅因先生{
背景：绿色；
高度：自动；
宽度：100vw；
显示：块；
位置：相对位置；
}

单击以显示/隐藏div
印度
美国
英国
澳大利亚
知识是一种美德，是一种美德，是一种美德，是一种美德。同侧交通工具是生命之弧。欧盟委员会委员会委员会成员的简历。鼠前庭
毛里斯·乌尔特里斯·厄洛斯（lectus mauris ultrices eros）在马萨（cursus turpis massa）中。利古拉·乌拉姆科珀·马莱苏阿达·普罗因·努克·康塞奎特。圣殿骑士团。暂时停止使用生命财产。viverra maecenas accumsan公司
浅筋膜间隙。无交通工具、无交通工具、无公共交通工具、无公共交通工具。这是狮子座的另一个入口，它的直径是暂时的，它的直径是永久的。奥古斯·莫里斯·奥古斯·奈克妊娠期
不允许因侵权行为而造成损害。自由主义者之间的相互尊重是不公平的。roin libero nunc consequat。圣殿骑士团。生命之火
suspendisse sed。生活中的共同风险是指面部的累积风险。无交通工具、无交通工具、无公共交通工具、无公共交通工具。这是狮子座的另一个入口，它的直径是暂时的，它的直径是永久的。
在发酵液和溶液中的孕妇。不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体，不含酒精的液体。自由主义者之间的相互尊重是不公平的。
回到顶端
谢谢。我们可以把卷轴慢一点吗？当然可以。由于速度是距离和时间的函数，因此可以使动画花费更长的时间。在回答中的代码段中，我通过在第二个参数中提供
5000
的值，将其编辑为5秒。你可以把它改成你需要的任何东西