Javascript 是否可以使用页面滚动条滚动内部div？

我有一个网站，有一个固定的高度和一个可滚动的div里面。是否可以删除内部滚动条并将其更改为页面的滚动条？在div中有滚动条的当前示例是

我怀疑这可能需要使用Javascript来完成，在堆栈溢出上的搜索显示了大量引用它的条目，但我希望不需要使用Javascript来完成

目前，我只允许用户在div中滚动，但这并不是一个真正优雅的解决方案：

.singlepost {
position: fixed;
top: 270px;
bottom: 20px;
background-color: white;
padding-left: 20px;
padding-right: 20px;
overflow-x: hidden;
}

---

您可以将页面上的每个其他元素设置为

位置：fixed

，让div扩展主体并使其可滚动。请查看小提琴以了解示例：

---

使用类似的策略。

查看演示页面，可能最简单的方法是将上面的所有内容放在一个div中，该div浮动在顶部，下面的任何内容都会在顶部div下向上滚动。这将使您的导航保持在顶部，页面的其余部分像往常一样滚动，使用主窗口滚动条。

可行时，这对用户来说毫无意义。人们期望页面滚动条能够滚动页面，并且只滚动页面。你所说的“使用浏览器的滚动条”是什么意思？这是一个有点奇怪的问题，所以请您尽可能详细地提供您希望发生的事情。e、 例如，“当用户执行FOO时，我希望BAZ发生，当他们到达BAZ时，他们的鼠标是BAP，我希望BOO发生，直到条件FAA……”那么您是否希望图片和导航栏保持不变，只移动白色部分？正如马特所说，大多数用户都会对此感到困惑。对不起，我想不出一个很好的方法来解释这一点。我希望默认浏览器页面滚动条（位于浏览器右侧）成为页面上内部div的滚动条。我只希望页面的白色部分滚动。我想你是对的，这可能是一个糟糕的用户体验，但也可能会在黑色分区上意外滚动，并期望它在白色分区中滚动主要内容。