如何改变iframe滚动条的样式?
2016-03-24 11:31
543 查看
如何改变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/[/code]
相关文章推荐
- HTML CSS 特殊字符表
- CSS--布局模型,颜色值,长度值
- 使用Sass和Compass组合写CSS
- 淘宝的样式初始化:
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- CSS笔记——padding,margin为百分比计算时的参照对象
- 「CSS3 」3D效果 & 透视
- css3整理
- H5学习_番外篇_CSS3其他属性
- 利用css3实现超出文本指定行数与省略号效果
- Sublime Text 2 样式修改方法
- css选择器分类
- CVE-2010-3971 CSS内存破坏漏洞分析
- +++用纯css改变下拉列表select框的默认样式+++
- CSS3 中关于 select 下拉列表的样式
- js+css实现select的美化效果
- CSS 5种很炫的Hover效果。跳,放大,旋转,淡入,悬浮
- css遇到的垂直水平居中(个人学习笔记)
- 12 个 CSS 高级技巧汇总
- CSS自定义弹出框