在页面加载时滚动到顶部然后返回div

Question

我有一个主页，第二页上有div部分的链接，第二页有不同的div部分，每个部分都有一个名为＃app1，＃app2，＃app3等的锚点，我需要能够点击一个链接主页然后在点击的div部分加载第二页，然后滚动到顶部并返回到该div。

这是我的jquery工作正常但它总是向下滚动到＃app6 div，无论在主页上点击什么div。

jQuery(function($) {

$("html, body").delay(500).animate({ scrollTop: $('#app1').offset().top }, 3000);
$("html, body").delay(200).animate({ scrollTop: $('#app2').offset().top }, 1000);
$("html, body").delay(200).animate({ scrollTop: $('#app6').offset().top }, 1000);

});

我所追求的是让页面落在最初点击的div部分上，滚动到顶部然后返回到div部分，而不仅仅是＃app6 div就像现在一样。

我有一个演示here

你会看到页面加载时它会滚动到顶部然后再回到最后一个div，我不希望它这样做。