XHTML标签系统

Question

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

Answer 1

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

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