Javascript 锚定单击显示div并滚动到它

我的页面上有一组链接，每个链接都有一个与隐藏的项目相关的div a描述。我想在单击锚定时向下滑动相关div，但我也希望窗口滚动到该div的开头。我如何实现这一点

<ul>
<li>Link 1</li>
<li>Link 2</li>
</ul>

<div id="link1">
</div>

<div id="link2">
</div>

---

你说的锚在哪里

在这里你必须修复你的代码

HTML

---

非常好用，谢谢！

<ul>
<li><a href="#" onclick="javascript:scrollElement('#link1');return false;">Link 1</a></li>
<li><a href="#" onclick="javascript:scrollElement('#link2');return false;">Link 2</a></li>
</ul>

<div class="subpage" id="link1">
</div>

<div class="subpage" id="link2">
</div>

function scrollElement(target)
{
     $(".subpage").hide();
     $(target).slideDown('slow');
     $("html, body").animate({ scrollTop: $(target).offset().top }, 1000);
}