Tabs XHTML标签系统

我正在设计一个网页，它使用一个标签系统，用户可以通过教程的步骤前进。页面顶部有一些内容，因此用户需要向下滚动一点才能进入选项卡/教程。当我单击每个选项卡时，页面会重新加载并移动到屏幕顶部，使用户可以向下滚动每个部分。有没有一种简单的方法来设置浏览器位置，使其与选项卡对齐，以避免这种恼人的行为？

解决方案：在加载页面后，我调用下面的javascript函数。它只需将浏览器滚动到目标元素的上边界

function scrollToPosition() {
    var boundingrect = document.getElementById("content").getBoundingClientRect();
    window.scrollBy(0,boundingrect.top); 
}

---

解决方法：我使用一个简单的JavaScript来计算元素在屏幕上的位置。我编辑了我的原始帖子，加入了源代码……你也可以把你的解决方案写下来作为一个答案，并解释给其他人使用。