我正在设计一个网页,它使用一个选项卡系统,让用户通过教程的步骤前进。页面顶部有一些内容,因此用户需要向下滚动一点才能看到选项卡/教程。当我单击每个选项卡时,页面重新加载并移动到屏幕顶部,使用户为每个部分向下滚动。是否有一种简单的方法来设置浏览器的位置来与选项卡保持一致,以避免这种烦人的行为?
发布于 2014-04-12 18:56:09
解决方案:加载页面后,我调用下面的javascript函数。它只需将浏览器滚动到目标元素的顶部边界。
function scrollToPosition() {
var boundingrect = document.getElementById("content").getBoundingClientRect();
window.scrollBy(0,boundingrect.top);
}https://stackoverflow.com/questions/20336130
复制相似问题