如何将水平滚动条映射到页面中的div？

Question

假设我在这样的页面上有两个div：

<div style="width:300px;height:100px;overflow:hidden">
  <div style="width:3000px;height:100px">
  some content
  </div>
</div>

让我们假设外部div位于页面中间的某个位置。

是否有可能将全局文档滚动条“映射”到该div，以便可以使用鼠标/触控板的水平滚动功能将内部div移动到左右？

我希望我很清楚我想做什么......

Answer 1

我不确定是否可以重新映射滚动条的影响区域。但是，您可以通过创建固定位置div（position:fixed;）并将其保持在需要向左和向右滚动的位置之上来实现相同的视觉效果。你必须让两个兄弟姐妹而不是父母＆gt;孩子，这希望不是一个交易破坏者。

这样，页面的滚动条会像通常那样影响'child'div，同时允许另一个保持锁定到位。

希望这有帮助