2012-06-23 65 views
1

我畫的問題,以便可以更好地理解它: the problem:使用css/js是否可以使用滾動條將元素自動放置到相同的位置?

所以,這個問題 - 是有可能得到兩個藍色元素相同的位置? 我不能只是添加「填充權」 - 在不同的OS /瀏覽器滾動條可以有不同的寬度...

是否可以用css做? 如果沒有,是否有JavaScript解決方案來手動獲取滾動條元素的寬度和中心藍色元素?

+0

我不知道的方式做到這一點,但它是一個有趣的問題。問題在於瀏覽器認爲滾動條位於滾動元素的區域之外,並且它們不提供任何樣式控制,甚至不提供滾動條存在的任何指示。由於大多數窗口管理系統允許用戶自定義滾動條寬度,所以你甚至不能依靠它們成爲任何特定的大小。 – Pointy

+0

這必須是SharePoint 2010發佈頁面! – IrishChieftain

回答

3

你可以圍繞藍色框,佔據了所有在父減去空間滾動條的寬度增加一個無形的包裝。這將使藍色盒子始終與容器2中的大小相同。

+0

當然,但我怎樣才能得到滾動條的寬度? 嗯..但也許它會工作,如果我會得到兩個元素之間的位置差異* 2&添加填​​充到第一個容器。 似乎很哈克,但應該工作... – avasin

+0

但不是滾動依賴於OS /瀏覽器/配置的寬度? – ZeissS

+0

是的..但是我們在元素位置上有所不同..以前沒有想過它。但我真的不喜歡這個解決方案..我不爲什麼我不相信它:) – avasin

0

就使滾動條始終可見,而不是試圖想出一個聰明的解決方案。根據您的內容/應用程序,滾動條在95%的時間內總是可見(至少在遇到這樣的問題時是這樣的)。

+0

在第一個容器中不能有設計的滾動條。我不能這樣做:( – avasin

1

我還沒有嘗試過這些解決方案,但this thread應該可以幫助您對滾動條的寬度。

+0

似乎對我來說太沉重,但很有趣。謝謝! – avasin

+0

通過計算對象之間的差異來解決(使用jquery.offset()) – avasin

相關問題