Javascript 如何在页面内的div内滚动？

我的目标是在一个div中滚动，滚动条位于整个页面上。在第一幅图中，我有滚动条，因为div中的文本很长。但是，在第二幅图中，当我将所有文本放在div中时，滚动条消失了。有没有办法将文本保留在div中，并将滚动条放在右侧

.background {
  background-color: #1A1A1A;
  overflow-y: auto;
  height: 300px;
}

#information{
  height: 400px;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  color: #FEC12E;

  overflow-y: hidden;

  /* shadow */
  box-shadow: 5px 4px 18px #FEC12E;
}

---

您想要实现的目标有点不清楚，但听起来您想让页面的垂直滚动条控制

#信息的滚动位置

不幸的是，仅使用CSS无法使页面的滚动条控制溢出
div
的滚动位置

但是，您可以通过允许
#信息
扩展到其全高（如第一个屏幕截图中所示）并使用具有
位置：固定
元素的元素来覆盖部分
#信息
来模拟相同的效果

这里有一个（非常简单）

您唯一的另一个选择是将垂直滚动条应用于
#信息
：

#information{
  height: 400px;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  color: #FEC12E;

  overflow-y: scroll;

  /* shadow */
  box-shadow: 5px 4px 18px #FEC12E;
}

我想我得到了一个接近你想要的模拟

这将需要使用jquery，因为我很懒，这使得这个操作更容易加载（如果这是一个问题，很抱歉）

这是一个模型：



让b=$（文档）；
设d=$（'yourdiv'）；
设scrollmat=0；
b、 on（车轮），功能（e）{
如果（（scrollamt 0？scrollamt+=100:scrollamt-=100；
d、 生动活泼({
scrollTop:scrollamt
},50);
})
正文{
背景色：红色；
溢出y：滚动；
}
#尤迪夫{
位置：绝对位置；
左：25%；
最高：25%；
宽度：50%；
身高：50%；
背景颜色：橙色；
溢出y：滚动；
}

“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”有时，如果你不自以为是，就必须为自己的行为负责。”
“知识本身是一种美德，是一位杰出的献身者，在劳动和财富的暂时性投入中，在最低限度的利益下，在劳动和财富的实践中