2011-01-24 84 views
0

我有一個overflow-x:滾動div,其中包含一些內容。然而,內容應該是相當大的,所以我想ajax加載它取決於用戶滾動多遠。但是當內容尚未顯示時,我不能想出一個讓滾動條出現的好方法,就像內容越遠越好。僞造一個滾動條寬度

到目前爲止,我的解決方案都是圍繞在兩側創建一個虛假的「填充」div,其寬度設置取決於滾動條的位置。但是,我發現在更新這些寬度時,滾動條變得非常激動。

這樣做的好方法是什麼?

+0

你可以告訴我們一些代碼? – Moak 2011-01-24 03:15:28

回答

1

現場演示:http://jsfiddle.net/UDnjC/

您只需打一個內包裝,並使用min-width和/或min-height迫使滾動條的外包裝。

演示與水平滾動:http://jsfiddle.net/UDnjC/1/

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

+0

很酷,是否有什麼錯誤的跨瀏覽器只是扔入包裝1px高度,2000px寬度div絕對定位在頂部:0和左:0? (假設你使包裝位置:相對) – 2011-01-24 03:51:59

1

我會做這種事情的方式,將實際的內容div與滾動條嵌套在div中,內部div具有一些大的預設寬度。