Javascript 滚动回鼠标输出框的顶部
请运行此代码段以更好地理解我的问题Javascript 滚动回鼠标输出框的顶部,javascript,css,scroll,Javascript,Css,Scroll,请运行此代码段以更好地理解我的问题 正文{ 背景色：#E13241； 字体系列：无衬线； 字体大小：300； } #包装纸{ 宽度：1130px； 保证金：100像素自动； } .box1、.box2、.box3、.box4{ 宽度：230px； 高度：200px； 溢出：隐藏； 浮动：左； 单词break：打破一切； 字距：-1px； 左边距：15px；/*或0px*/ 背景色：rgba（25,25,25,0.2）； 填充：15px； 过渡：所有0.5s的轻松过渡； } h3{ 文本对齐：居
正文{
背景色：#E13241；
字体系列：无衬线；
字体大小：300；
}
#包装纸{
宽度：1130px；
保证金：100像素自动；
}
.box1、.box2、.box3、.box4{
宽度：230px；
高度：200px；
溢出：隐藏；
浮动：左；
单词break：打破一切；
字距：-1px；
左边距：15px；/*或0px*/
背景色：rgba（25,25,25,0.2）；
填充：15px；
过渡：所有0.5s的轻松过渡；
}
h3{
文本对齐：居中；
}
.box1:悬停，.box2:悬停，.box3:悬停，.box4:悬停{
宽度：230px；
高度：300px；
利润上限：-50px；
溢出y：滚动；
}
：-webkit滚动条{宽度：5px；}
：-webkit滚动条轨道{背景颜色：rgba（25,25,25,0.2）；}
：-webkit滚动条拇指{背景色：rgba（25,25,25,0.2）；}
标题框1
Lorem ipsum dolor sit amet，奉献精英。鼹鼠，比泰！假设铜酸盐准药用，最小误差时间。脸上的赘肉是什么？非perferendis，accusamus nostrum deleiniti？
Lorem ipsum dolor sit amet，奉献精英。驱虫剂的用量为尼莫实验室的用量减去最小值，类似物的用量为尼莫实验室的特尼乌尔实验室和尼莫实验室的特尼乌斯实验室。
标题框2
Lorem ipsum dolor sit amet，奉献精英。鼹鼠，比泰！假设铜酸盐准药用，最小误差时间。脸上的赘肉是什么？非perferendis，accusamus nostrum deleiniti？
Lorem ipsum dolor sit amet，奉献精英。驱虫剂的用量为尼莫实验室的用量减去最小值，类似物的用量为尼莫实验室的特尼乌尔实验室和尼莫实验室的特尼乌斯实验室。
标题框3
Lorem ipsum dolor sit amet，奉献精英。鼹鼠，比泰！假设铜酸盐准药用，最小误差时间。脸上的赘肉是什么？非perferendis，accusamus nostrum deleiniti？
Lorem ipsum dolor sit amet，奉献精英。驱虫剂的用量为尼莫实验室的用量减去最小值，类似物的用量为尼莫实验室的特尼乌尔实验室和尼莫实验室的特尼乌斯实验室。
标题框4
Lorem ipsum dolor sit amet，奉献精英。鼹鼠，比泰！假设铜酸盐准药用，最小误差时间。脸上的赘肉是什么？非perferendis，accusamus nostrum deleiniti？
Lorem ipsum dolor sit amet，奉献精英。驱虫剂的用量为尼莫实验室的用量减去最小值，类似物的用量为尼莫实验室的特尼乌尔实验室和尼莫实验室的特尼乌斯实验室。