iframe滾動條替換爲我自己的設計

我想將自定義圖像設置爲我的iframe滾動條。我知道有一些可以使用的擴展或附加組件，但我沒有找到一種方法來定製它們的設計。我有我的自定義滾動條的圖像，我想用我自己的默認設計。可能嗎？如果是這樣如何？你能指點我一些方向嗎？iframe滾動條替換爲我自己的設計

謝謝

作爲一個用戶...除非你有一個非常有趣的遊戲網站，其主題是非常重要的，如果你改變了我的滾動條（顏色/風格/圖像），我可能會覺得它真的很煩人。 – scunliffe

但iframe滾動條的默認設計與背景不一致。那麼你能提出一些建議嗎？ – user2886091

最簡單的方法是確保您的目標受衆使用IE6 – TylerH

這裏有一個good resource，我用得到它在WebKit瀏覽器工作：

但更大的問題是內嵌框架。如果您擁有iFrame中的內容，或者可以更改CSS中的內容，那麼您很好。如果您在iFrame中沒有自己的東西，並且正在使用iFrame從另一個站點拉入頁面，那麼您將無法從原始頁面更改滾動條。

2014-03-12 20:17:54 Fernker

如果我理解正確，我可以爲這些元素設置背景圖像和其他屬性。是的，我擁有該iframe的內容。我應該在css文件中進行這些設置，該文件與iframe或html相關，iframe顯示的位置？ – user2886091

您必須在iFrame中的CSS中執行此操作。 – Fernker

只是爲了確保:) ...在HTML內正確，或者在該iframe html文件中包含一個css文件是好的，或者這並不重要？ – user2886091

我建議你使用NiceScrolljQuery小部件。它支持IE6 +，Chrome 2+，Firefox 3 +，Opera 9.5+和Safari 4+（以及現代移動瀏覽器），它具有很多功能，並且很容易自定義。

另外，它的使用非常簡單。你只需要調用.niceScroll（）你想要一個「更好的」滾動條的對象（iframe的情況下，你會在它的$（「html」）對象中使用它）。

2014-03-12 21:27:07

回答