伪造滚动条宽度

时间:2011-01-24 03:13:10

标签: javascript html css

我有一个overflow-x:scroll div,里面有一些内容。但是,内容应该非常大,所以我想根据用户滚动的程度来加载它。但是,当内容尚未显示时,我无法想出一个好的方法让滚动条看起来像内容更远。

到目前为止,我的解决方案围绕在两侧创建一个假的“填充”div,其宽度设置取决于滚动条的位置。但是,我发现在更新这些宽度时,滚动条变得非常有弹性。

这样做的好方法是什么?

2 个答案:

答案 0 :(得分:1)

我会做这种事情的方式,是将实际内容div嵌套在带有滚动条的div中,内部div具有一些大的预设宽度。

答案 1 :(得分:1)

现场演示: http://jsfiddle.net/UDnjC/

您只需制作一个内包装,然后使用min-width和/或min-height强制外包装上的滚动条。

水平滚动演示: http://jsfiddle.net/UDnjC/1/

替代解决方案: http://jsfiddle.net/UDnjC/2/