隐藏iframe滚动条

iframe会出现滚动条是因为子页面内容过长，所以想让页面不出现滚动条有两种方法：

一、让子页面高度不超过屏幕高度，这样会修改原本写好的页面布局。

二、修改滚动条样式，使其滚动条视觉上隐藏

::-webkit-scrollbar {width: 5px;height: 5px;}::-webkit-scrollbar-thumb{background-color: #999;-webkit-border-radius: 5px;border-radius: 5px;}::-webkit-scrollbar-thumb:vertical:hover{background-color: #666;}::-webkit-scrollbar-thumb:vertical:active{background-color: #333;}::-webkit-scrollbar-button{display: none;}::-webkit-scrollbar-track{background-color: #f1f1f1;}

这段代码要写在子页面中，如果每个页面都引入了公共css样式文件，可以写在公共文件里面，更方便。

隐藏iframe滚动条相关推荐

隐藏iframe滚动条，并禁止滑动
隐藏iframe滚动条当我们通过 iframe 展示图片,或是通过 iframe 展示 PDF文件时,如果图片和 PDF 超出 iframe设置的宽高,就会出现横纵向的滚动条,如下图.当 ifra ...
html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动
今天遇到一个这样的问题:网页中如何隐藏iframe中的垂直滚动条,但依然可以用滚轮实现页面滚动???我就想先把iframe定义宽度和高度,在设置overflow:hidden;呗,但是这样多余的部分会 ...
html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案
在WEB实际开发过程中,特别是在iframe引用其它网页时,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现. ...
html页面下拉条位置,iframe滚动条位置控制
javascript中如可控制iframe的滚动条位置我做了一个聊天室,嵌套了两个iframe,一个name叫mainframe,用来显示聊滚动条始终在最下端: window.οnlοad=func ...
iframe滚动条设置
iframe滚动条设置如果untitled3.html页中文字超过一屏的话,就会出现了垂直滚动条,在IE7.FF下都是不出现水平滚动条,但在IE6下会出现．在网上找了两种方法如下: 在<bo ...
如何改变iframe滚动条的样式？
如何改变iframe滚动条的样式?web前端开发cssjavascriptiframehtmlRayLiao 2014年11月19日提问 · 2014年11月20日更新关注4关注收藏0 收藏,3. ...
横向滚动条并且隐藏竖向滚动条
怎么用CSS给html加横向滚动条并且隐藏竖向滚动条解决方法:隐藏竖向滚动条在子页面的<html>标签里加入以下格式:<html style="overflow: au ...
不同浏览器CSS隐藏元素滚动条
CSS隐藏元素滚动条 Firefox浏览器对于Firefox,我们可以将滚动条宽度设置为none: scrollbar-width: none; /* Firefox */ IE浏览器对于IE,我 ...
【Axure交互教程】隐藏页面滚动条的3种方法
作品名称:隐藏页面滚动条的3种方法作品编号:Case001 软件版本:Axure9 作品类型:交互案例原型预览链接(附源文件下载链接):http://daisyaxure.com/demo/Cas ...

隐藏iframe滚动条

隐藏iframe滚动条相关推荐

最新文章

热门文章