去掉iframe滚动条(好使!)
iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢?
一:去掉全部的滚动条
第一个方法: iframe 有一个scrolling属性,它有 auto , yes , no 这三个值。
scrolling : auto -----在需要的时候滚动条出现
scrolling : yes ------始终显示滚动条
scrolling : no -------始终隐藏滚动条
当设置 scrolling : no 时,全部的滚动条就没有了。
第二个方法:我发现除了 scrolling 可以去掉全部的滚动条外,还有另一个方法,在嵌入的页面里设置 body{overflow:hidden},这样也可以将滚动条去掉,而且这也是当我们只想去掉某一个滚动条所使用的属性。
二:去掉右边的滚动条且保留底下的滚动条
如果只想保留底下的滚动条,那么可以在嵌入的页面里设置 body{overflow-x:auto ; overflow-y:hidden;}
三:去掉底下的滚动条且保留右边的滚动条
在嵌入的页面里设置 body{overflow-x:hidden;overflow-y:auto;}
去掉iframe滚动条(好使!)相关推荐
- 去掉iframe滚动条
去掉iframe嵌套页面产生的多余的滚动条 原来的代码(产生多余的滚动条) <iframe class="RuoYi_iframe" name="iframe0&q ...
- Iframe 滚动条
最简单的方法去掉iframe滚动条 该文也可以说是一个iframe自适应大小的折中解决办法.iframe出现滚动条的原因是,body里面的内容的高度大于了iframe的高度,所以会出现滚动条. 解决办 ...
- iframe去掉双滚动条
出现的问题: 页面一个滚动条,iframe引用的内容里有一个滚动条,非常难看. 去掉双滚动条 实现思想: 子页面(即被引用页面)通过postMessage把高度传给父页面(即引用页面,有iframe) ...
- html5 iframe 无法滚动条,【HTML5】iframe滚动条问题
HTML 4.01 Transitional 标准 子页面不要表头 ****** 去掉 iframe 横向滚动条或竖条 1. 在主页面加 iframe scrolling="yes" ...
- 如何改变iframe滚动条的样式?
如何改变iframe滚动条的样式?web前端开发cssjavascriptiframehtmlRayLiao 2014年11月19日提问 · 2014年11月20日更新 关注4关注 收藏0 收藏,3. ...
- 隐藏iframe滚动条,并禁止滑动
隐藏iframe滚动条 当我们通过 iframe 展示图片,或是通过 iframe 展示 PDF文件 时,如果图片和 PDF 超出 iframe设置的宽高,就会出现横纵向的滚动条,如下图.当 ifra ...
- html frame滚动条,如何修改 iframe 滚动条样式
项目中用到了 iframe,由于显示效果,想要修改一下滚动条样式,通过修改 css 样式在 chrome 下无效,而在 safari 中显示正常,不知道什么原因,求大佬们指点 写了个测试代码: ind ...
- html页面下拉条位置,iframe滚动条位置控制
javascript中如可控制iframe的滚动条位置 我做了一个聊天室,嵌套了两个iframe,一个name叫mainframe,用来显示聊滚动条始终在最下端: window.οnlοad=func ...
- div及iframe滚动条固定为最底端
该例程可以实现iframe和div的滚动条固定到最底端. <!DOCTYPE> <html> <head><meta http-equiv="con ...
最新文章
- ios vue 添加本地音乐_Vue 项目一些常见问题的解决方案
- NTP时间服务器搭建
- 了解一下ES6: 函数简述深浅拷贝
- iphone全部机型_iPhone 12 销量或创 iPhone 6 以来最高|iphone|郭明錤
- 1 io口 stm32_从STM32分享各种硬件以及总线之GPIO简介
- 基于图结构的图合成与差分隐私【LDPGen】
- 渗透测试入门21之Metasploit渗透测试常用流程
- 将list的内容转换成固定个数的分组字符串
- MTK 驱动(83)---mtklog相关知识
- 免费WEB打印控件—PAZU
- 计算机主机前耳机没声音,机箱前耳机接口没声音怎么办【解决方法】
- 微服务网关选型,请收下我的膝盖!
- 活性(Liveness)
- 基于深度学习的单目视觉深度估计研究综述
- vue源码学习(第一张) this访问data数据 拆散之后并不难
- 【框架设计】3D坦克大战
- java实现can通信_[MicroPython]TPYBoard v102 CAN总线通信
- Win10下Python3.x环境安装和配置教程
- 店盈通:如何打造赚钱的拼多多店铺?
- 4,7黄金白银td解套在线,4,8黄金原油走势分析及操作思路
热门文章
- customErrors和httpErrors的区别
- unity 消除 trial version水印
- 企业HR面试提问100例分享(上)
- 傻瓜式安装stable diffusion图像生成软件
- 可爱马卡龙风PPT模板,专门为儿童打造的PPT模板
- python调用cplex求解装箱问题_python运筹优化(一):Cplex for python使用简介
- python实现模拟器的重启
- AutoCAD对象模型笔记(一)(vba)
- windll.user32.ReleaseDC failed : return 0
- 同步手绘板——android端下笔后颜色变化