Javascript 更改导航选项卡更改上选项卡内容的滚动顶部

当我使用

menu1

content滚动并单击

menu2

tab时，将显示

menu2

tab content。但如何更改选项卡内容的滚动值，使内容从顶部可见

尝试使用，获取指定问题

.nav选项卡{
背景#f1f1；
位置：粘性；
顶部：56px；
z指数：9999；
}
身体{
宽度：400px；
高度：300px；
溢出：滚动；
}

动态选项卡




菜单1
在所有人都有错误的情况下，我们必须清楚地认识到这一点，这一点是正确的
所有人都会犯错误的情况下，所有人都会犯错误。所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
所有人都有错误，所有人都有错误。所有人都有错误，所有人都有错误。所有人都有错误，所有人都有错误。所有人都有错误，所有人都有错误，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。

菜单2
在所有人都有错误的情况下，我们必须清楚地认识到这一点，这一点是正确的
所有人都会犯错误的情况下，所有人都会犯错误。所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
所有人都有错误，所有人都有错误。所有人都有错误，所有人都有错误。所有人都有错误，所有人都有错误。所有人都有错误，所有人都有错误，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看，总体上看。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误。
在所有人都有错误的情况下，我们必须清楚地认识到这一点，这一点是正确的

单击菜单项时，您可以将页面滚动到顶部，方法是向每个菜单项添加一个类，例如

菜单项

，然后在任何菜单项上使用jQuery

滚动顶部（0）

，单击以下内容：

$(".menu-item").click(function() {
    $("html, body").scrollTop(0);
});

有关代码的工作示例，请参见：

如果不想使用jQuery，可以使用

 window.scrollTo(x-value, y-value);

---

单击菜单项时，您可以将页面滚动到顶部，方法是向每个项添加一个类，例如

菜单项

，然后在任何菜单项上使用jQuery

scrollTop（0）

，单击以下内容：

$(".menu-item").click(function() {
    $("html, body").scrollTop(0);
});

有关代码的工作示例，请参见：

如果不想使用jQuery，可以使用

 window.scrollTo(x-value, y-value);

使用js非常简单

这里我举了一个例子，让我看看，让我知道

$（窗口）。滚动（功能（e）{
变量选项卡=$（“.nav选项卡”）；
var height=$（window.scrollTop（）；
var pos=tabs[0]。getBoundingClientRect（）；
如果（位置顶部+位置高度<高度）
tabs.css（{top:0，position:“sticky”}）；//使其粘滞
else tabs.attr（“样式”，“样式”）；//重置为默认值
});
//更改菜单时，滚动至顶部。
$（“.nav选项卡li”）。单击（函数（）{
滚动到（0,0）；
var pos=$（“.nav tabs”）[0].getBoundingClientRect（）；
窗口滚动至（0，（位置顶部+位置高度））
});
.nav选项卡{
背景#f1f1；
顶部：56px；
z指数：9999；
}
身体{
宽度：400px；
高度：300px；
溢出：滚动；
}

动态选项卡




菜单1
在所有人都有错误的情况下，我们必须清楚地认识到这一点，这一点是正确的
所有人都会犯错误的情况下，所有人都会犯错误。所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误的情况下，所有人都会犯错误