Javascript 伪造滚动条宽度

我有一个overflow-x:scroll div，里面有一些内容。但是，内容应该相当大，所以我想根据用户滚动的距离来加载它。但是我想不出一个好办法，当内容还没有显示出来时，让滚动条看起来像是在更远的地方有内容一样

到目前为止，我的解决方案是在每一侧创建一个假“padding”div，其宽度设置取决于滚动条的位置。然而，我发现在更新这些宽度时，滚动条变得非常不稳定

---

做这件事的好方法是什么？

我做这类事情的方法是，使用滚动条将实际的内容div嵌套在div中，内部div具有一些较大的预设宽度。

实时演示：

您只需制作一个内包装，并使用

minwidth

和/或

minheight

强制外包装上的滚动条

水平滚动演示：

---

替代解决方案：

酷，在跨浏览器中向包装器中放入一个1px高、2000px宽的div，绝对位于顶部：0和左侧：0，这有什么不对吗？（假设您使包装器位置：相对）@Joda不是绝对位置，而是浮动位置。我用一个例子更新了我的答案。你的意思是绝对定位可能会有跨浏览器问题还是浮动？@Joda当一个元素绝对定位时，它“不再是”包装器的子元素，它会打破这种关系。因此，包装器将没有滚动条。另一方面，如果元素是浮动的，它将生成滚动条，如我的演示所示。