Javascript jQuery对话框始终显示在滚动条的顶部

在answer的帮助下，我创建了一个jQuery对话框，其中包含不同的内容选项卡-->

他为我的目标提供了一个很好的解决方案

$（文档）.ready（函数（）{
$（'li:first child，#i1'）。单击（function（）{
$（“#主按钮”）.css({
“显示”：“内联块”
});
$（'#i1'）.addClass（“活动”）；
$（'#i3，#i2'）.removeClass（“活动”）；
$（'#info1'）.css({
“显示”：“块”
});
$（'#info2，#info3'）.css({
“显示”：“无”
});
})
$（'li:nth child（2），#i2'）。单击（函数（）{
$（“#主按钮”）.show（）；
$（'#i2'）.addClass（“活动”）；
$（'#i1，#i3'）.removeClass（“活动”）；
$（'#info2'）.css({
“显示”：“块”
});
$（'#info1，#info3'）.css({
“显示”：“无”
});
})
$（'li:nth child（3），#i3'）。单击（函数（）{
$（“#主按钮”）.show（）；
$（'#i3'）.addClass（“活动”）；
$（'#i1，#i2'）.removeClass（“活动”）；
$（'#info3'）.css({
“显示”：“块”
});
$（'#info2，#info1'）.css({
“显示”：“无”
});
});
});
#info1，
#资讯2，
#信息3{
显示：无；
位置：绝对位置；
顶部：70像素；
背景#4545；
宽度：300px；
高度：500px；
颜色：白色；
}
.主动{
背景：绿色；
}
ulli{
显示：内联块；
列表样式类型：无；
背景：浅蓝色；
边框：1px纯黑；
}
钮扣{
显示：无；
边框：1px纯黑；
}


1nfo
信息2
信息3

信息1
信息2
信息3
info1说明
info2说明
info3的说明
您可以使用jquery scrollTop方法滚动到div的顶部

<div id="info1">description of info1</div>

$("#info1").scrollTop(0);

info1的描述
$（“#信息1”）.scrollTop（0）；

您可以使用jquery scrollTop方法滚动到div的顶部

<div id="info1">description of info1</div>

$("#info1").scrollTop(0);

info1的描述 $（“#信息1”）.scrollTop（0）； 您可以使用jquery。从

scrollTop

文档：

说明：为每组匹配元素设置滚动条的当前垂直位置

滚动顶部（值）

值类型：编号

一个数字，指示要将滚动条设置到的新位置。

垂直滚动位置与显示的像素数相同 隐藏在可滚动区域上方的视图中。设置scrollTop 定位每个匹配元素的垂直滚动

我在info div中添加了css属性，以防div的内容超过其高度

$（文档）.ready（函数（）{
$（'li:first child，#i1'）。单击（function（）{
$（“#主按钮”）.css({
“显示”：“内联块”
});
$（'#i1'）.addClass（“活动”）；
$（'#i3，#i2'）.removeClass（“活动”）；
$（'#info1'）.css({
“显示”：“块”
}).scrollTop（0）；
$（'#info2，#info3'）.css({
“显示”：“无”
});
})
$（'li:nth child（2），#i2'）。单击（函数（）{
$（“#主按钮”）.show（）；
$（'#i2'）.addClass（“活动”）；
$（'#i1，#i3'）.removeClass（“活动”）；
$（'#info2'）.css({
“显示”：“块”
}).scrollTop（0）；
$（'#info1，#info3'）.css({
“显示”：“无”
});
})
$（'li:nth child（3），#i3'）。单击（函数（）{
$（“#主按钮”）.show（）；
$（'#i3'）.addClass（“活动”）；
$（'#i1，#i2'）.removeClass（“活动”）；
$（'#info3'）.css({
“显示”：“块”
}).scrollTop（0）；
$（'#info2，#info1'）.css({
“显示”：“无”
});
});
});
#info1，
#资讯2，
#信息3{
显示：无；
位置：绝对位置；
顶部：70像素；
背景#4545；
宽度：300px；
高度：500px；
颜色：白色；
溢出y：滚动
}
.主动{
背景：绿色；
}
ulli{
显示：内联块；
列表样式类型：无；
背景：浅蓝色；
边框：1px纯黑；
}
钮扣{
显示：无；
边框：1px纯黑；
}


1nfo
信息2
信息3

信息1
信息2
信息3
内容本身就是最终用户获取价值的来源。因此，“内容”可以指通过媒体提供的信息、信息的呈现方式以及包含在该信息的媒体中的附加特征
已经交付。然而，如果没有构成内容的信息和体验，媒体对最终用户几乎没有价值。传播理论哲学家马歇尔·麦克卢汉（Marshall McLuhan）有一句名言：“媒介就是信息。”
就内容而言，传递信息的渠道，即“媒介”，影响最终用户如何感知内容，即“消息”。信息或经验的原始来源的作者、制作人或出版商可以
不直接负责他们作为特定上下文中的内容所获得的全部价值。例如，原始文章的一部分（例如新闻报道的标题）可能会呈现在另一个显示用户搜索结果的网页上
搜索引擎查询与来自其他新闻出版物和相关广告的标题分组。原始标题在搜索引擎作为媒介的这组查询结果中的值可能与
它在其原始文章中包含了作为消息内容的内容。内容也会影响其他人创建自己的内容，有时会以原作者没有或无法计划或想象的方式。此功能添加了“用户”选项
媒体的创新意味着用户可以从现有内容中开发自己的内容。
传统上，内容是通过新闻编辑、作者和其他类型的内容创作者为公众编辑和定制的。但是，并非所有信息内容都需要创造性的创作或编辑。通过最近的技术发展，真相
在