如何改變iframe滾動條的樣式？

如何改變iframe滾動條的樣式？

web前端開發
 
css
 
javascript
 
iframe
 
html
 
RayLiao 2014年11月19日提問 · 2014年11月20日更新
關注 4 關注
收藏 0 收藏，3.2k 瀏覽
問題對人有幫助，內容完整，我也想知道答案0問題沒有實際價值，缺少關鍵內容，沒有改進余地
通過css或者javascript都可以，能兼容不同瀏覽器。
有什么方法嗎？

用公子介紹的插件malihu-custom-scrollbar-plugin

<iframe class="myframe" src="game.html" width="1018" frameborder="no" border="0">
</iframe>
<script>
    (function($){
        $(window).load(function(){
            $(".myframe").mCustomScrollbar();
        });
    })(jQuery);
</script>
會報錯：Uncaught TypeError: Cannot read property 'ownerDocument' of null -- jquery.min.js

如果在iframe外面包一層div：

<div class="content">
    <iframe class="myframe" src="game.html" width="1018" frameborder="no" border="0">
    </iframe>
</div>
<script>
    (function($){
        $(window).load(function(){
            $(".content").mCustomScrollbar();
        });
    })(jQuery);
</script>
iframe不設定高度的情況下，iframe的滾動條不見。

給iframe設定一個高度800px，外面的content設為500px，就可以了，但是這樣沒意義，一效果不行（iframe里面內容長的話，會有內容滾動而滾動條不動的狀態，其實就是變成兩個滾動啦，iframe和content），二是iframe高度沒辦法固定，因為里面內容不定。

還是寫在jsfiddle比較清楚吧。
http://jsfiddle.net/RayLiao/vppf5uqx/4/