2011-01-25 104 views
0

全部,主題iframe滾動條

在我們的Web應用程序中,我們有一個加載SVG的iFrame。當用戶使用我們的Web應用程序中的控件縮放到SVG中時,瀏覽器會自動添加滾動條。現在我們要將這個「動態」滾動條作爲主題,以便它看起來與界面的其餘部分保持一致。

我在jQuery的看着幾個選項,如「jscrollpane」 &「jquery custom scrollbar」,然而,我們的問題是,我們正在使用ECMA腳本與我們的SVG,而jQuery是基於JavaScript的,不用說,我們無法使用基於jQuery的解決方案主題滾動條。有沒有人有任何關於替代方案的建議,可以主題的iFrame滾動條?

千恩萬謝,

回答

1

影響正常滾動的唯一方法是使用微軟IE特定proerties。

你可以看到更多在這裏http://www.webdevelopersnotes.com/tips/html/coloring_scrollbars_using_styles_css_properties.php3

但是probabrlu並不適用於所有瀏覽器。

另一種方法是使用滾動條組件使用overflow:hidden + javascript來創建自己的滾動條。

我不知道任何SVG的。

jQuery的例子你可以使用這個稍後的tecnique,它不是普通的瀏覽器滾動條,而是div層和圖像。

就你而言,如果將ifram放入使用jQuery解決方案進行滾動的div中,您可能可以使用它們。然後使iframe與SVG一樣大,這樣您就可以在div層中滾動整個iframe窗口。

+0

謝謝大衛的詳細反饋。我確實研究過將'SVG'放在html div中,但這不適用於我在應用程序中使用的SVG和ECMA腳本代碼。 關於如何去編碼你帶來的'溢出:隱藏'的想法的任何想法? – Kayote 2011-01-29 04:11:13