如何改变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>html横向滚动条样式
</div>
<script>
(function($){
$(window).load(function(){
$(".content").mCustomScrollbar();
});
})(jQuery);
</script>
iframe不设定⾼度的情况下，iframe的滚动条不见。
给iframe设定⼀个⾼度800px，外⾯的content设为500px，就可以了，但是这样没意义，⼀效果不⾏（iframe⾥⾯内容长的话，会有内容滚动⽽滚动条不动的状态，其实就是变成两个滚动啦，iframe和content），⼆是iframe⾼度没办法固定，因为⾥⾯内容不定。
还是写在jsfiddle⽐较清楚吧。
jsfiddle/RayLiao/vppf5uqx/4/

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。