html ie iframe 双滚动条 html,body{ overflow-y:hidden;}

最新推荐文章于 2021-06-29 06:55:10 发布
原创 最新推荐文章于 2021-06-29 06:55:10 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

弄了个后台管理的iframe的框架，在chrome上测试正常，在ie下成了双滚动条。于是去求助，发现好多人所答非所问，后来去一个群里求助，得到正解答案

 css 中 添加 html,body{ overflow-y:hidden;} 即可

mimixiaoxin
关注
iframe在IE6下出现横向滚动条的解决方案
09-22
在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前，我们需要了解几个关键的前端技术概念，包括iframe的使用、IE6浏览器的特殊性以及CSS（层叠样式表）和JavaScript（JS）的运用。 首先，iframe（内联框架）...
在iframe中隐藏横向滚动条的方法大全
10-31
### 在iframe中隐藏横向滚动条的方法大全 #### 概述 在网页开发中，经常会用到`<iframe>`标签来嵌入其他页面或内容。然而，有时候这些嵌入的内容可能会导致横向滚动条出现，影响用户体验及整体美观度。本文将详细...
iframe 双滚动条
weixin_45152848的博客
08-17 465
iframe 双滚动条 子页面 // 1.子页面传递消息到父页面 // 2.父页面接收到消息后下发指令到子页面 （如下setElements 指令） // 3.子页面接受指令，隐藏滚动条，并通过监听页面高度变化向父页面传递消息（传递高度） parent.postMessage('{"name":"connect"}', '*'); window.addEventListener('message', function(event) { var data = event.data; if
使用frame iframe 两个 滚动条
haove的专栏
02-03 1901
要想去掉外面的滚动条，保留ifrmame或者frame的滚动条的话，可以设置ifame的height百分比，往小处设置就会发现外面的滚动条越来越短，直至消失。（外部的滚动条要设置为自动哦）
iframe双滚动栏 解决方案 CSS3 overflow-y 属性
weixin_34060299的博客
08-10 190
 裁剪 div 元素中内容的左/右边缘 - 假设溢出元素的内容区域的话： div { overflow-y:hidden; } <!DOCTYPE html> <html> <head> <style> div { width:110px; height:110px; border:thin...
html body overflow,html - Body overflow-y hidden and scroll inner div only - Stack Overflow
weixin_36068015的博客
06-29 119
I have this HTML structure:HeaderLeft menuand the CSS:body {overflow-y: hidden;}#main_wrapper {width: 100%;float: left;}header {width: 100%;float: left;background: #0072C6;color: #fff;padding: 10px 0;...
IE6双滚动条处理
Zhongxiucheng的专栏
11-09 1393
如果想要解决这个问题, 你需要选择一个最适合自己的解决方案. 方案 1: 在CSS定义中粘贴下面的代码: html { overflow-y: scroll; } 这会强制默认出现垂直滚动条, 这样一来, 从某些理由上来讲, 便消去了IE对水平滚动条的需求. 优点:完全解决了这个问题, 允许你保持完整的XHTML doctype. 缺点:即使不需要垂直滚
iframe的滚动条问题：显示隐藏滚动条.doc
08-22
iFrame滚动条问题：显示隐藏滚动条 iFrame滚动条问题是指在使用iFrame时，滚动条的显示或隐藏问题。这个问题的出现是由于iFrame的滚动条样式在不同的浏览器和文档类型声明（DOCTYPE）下会有所不同。 在ASP.NET、...
css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
09-22
在本文中，我们将深入探讨如何使用CSS来设置滚动条的颜色、样式，以及如何隐藏或去掉滚动条。 首先，让我们来看如何自定义滚动条的颜色和样式。在现代浏览器中（如Chrome、Firefox和Safari），可以通过`::-webkit-...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> html, body { margin: 0px 0px; width: 100%; height: 100%; } iframe { margin: 0px 0px; width: 100%; height: 100%; } .global-like-wrap { display:none; } .docx-global-comment { display:none; } iframe > .navigation-bar-wrapper { display:none; } </style> </head> <body scroll="no" style="overflow:hidden;"> <div id="div" style="width: 100%;height:100%;" > <div id="divTitle" style="text-align:center;background:#1a1a1a;color:white;height:80px;margin-bottom:-18px;margin-top:0px;margin-left:-10px;margin-right:-10px;font-size:50px;padding-bottom:10px;font-weight:bold;">EHS</div> <iframe id="iframe" allowTransparency="true" src="https://uih.feishu.cn/share/base/dashboard/shrcn8Rbe5ZBl6FRnf0YyOYNHse?from=navigation" style="overflow:hidden;width: 100%;height:100%;" frameborder=0 scrolling=no></iframe> </div> </body> <script type="text/javascript"> let titleList = [ "EHS", "EHS", "EHS", ]; let srcList = [ "https://uih.feishu.cn/share/base/dashboard/shrcn8Rbe5ZBl6FRnf0YyOYNHse?from=navigation", "https://uih.feishu.cn/share/base/dashboard/shrcnJ3YvumdjTqJFxFjxYWqgJ4?from=navigation", ]; let index = 1; function AutoRun() { if (index < srcList.length) { index++; } else { index = 1; } let title=document.getElementById("divTitle"); title.innerText=titleList[index - 1]; let iframe = document.getElementById("iframe"); iframe.setAttribute("src", srcList[index - 1]); } // 这里设置切换频率,单位毫秒 setInterval(() => { AutoRun(); },20000) </script> </html> 无法自适应不同屏幕，显示的内容会被遮挡
最新发布
12-05
主要问题：在部分屏幕下，内容显示不全（出现滚动条）或不能充分利用屏幕空间。 观察代码发现： 1. 整个页面被分为一个标题（divTitle）和一个iframe（用于展示仪表盘）。 2. 标题高度固定为80px，然后iframe...
iframe内嵌页面右侧空白滚动条
lucky9936的专栏
01-12 423
iframe页面body属性 overfolw：auto
页面出现两个滚动条
liudehuahezhuliqian的博客
02-24 9665
在页面出现两个出现滚动条时， 1.可以设置body{overflow:hidden} 2.html{/*overflow-y:scroll;*/  } 3.html{overflow: auto; }  
兼容IE的滚动条适配方案
想搞全栈的前端
12-25 685
兼容所有浏览器的滚动条适配 使用 jquery.nicescroll插件地址 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont
html中table表格标题固定表数据行出现滚动条
weixin_30764771的博客
03-21 544
一、业务需求 web系统中有的用户不喜欢分页，希望数据能在一个页面中全部显示出来。 但是页面中是有滚动条的，当查看下面的数据时就不知道数据行中的列对应的是哪个标题的列。 也就是无法知道这个列是什么数据。 所以，希望table的标题固定，而数据行中数据过多时出现滚动条，这样比较人性化。 二、js方法(需要和三、页面中的div和table布局 配套使用。div和table的id已经被指定) ...
html5自动出现滚动条,html展示滚动条 html 自动显示横向滚动条
weixin_36344862的博客
05-30 4382
html 怎么去掉网页的滚动条然后给子div添加内容，为了让滚动条可以实现，尽量多添加一些内容。html 自动显示横向滚动条假设一个页面上有一个DIV，他的宽度设为了width：70%；怎样实现当html页overflow:scroll; /*任何时候都强制显示滚动条*/ overflow:auto; /*需要的时候会出现滚动条*/ overflow-x:auto; /*控制X方向的滚动条*/ o...
html5自动出现滚动条,关于HTML中的滚动条/去掉滚动条问题本
weixin_30537231的博客
05-30 2934
html怎么去掉网页的滚动条body里面加 body{ overflow:scroll; overflow-x:hidden; } 这个是y轴有滚动条，x轴没有。如果是都要滚动条就去掉overflow-x:hidden;，如果是反正哪个轴要滚动条就加上overflow-x/y:scroll;整个页面滚动条就加在body里面。html 怎么去掉下边的滚动条你的盒子宽度要够一定的宽度，就会自动消失盒...
html 表格选择滚动条,table设置tbody滚动条
weixin_36064196的博客
06-03 1663
jsp页面table中只让tbody 部分显示滚动条滚动，the2个table. 一个仅显示 table head部分, 另外一个仅显示 body部分. body部分的表, 设置 overflow:auto 即可. 难点: 2个table的 header 保持宽度一致, 以及左右滚动时保持一致. jquery 做个宽度自动匹配. 尝试下吧, 我想做的, 后来需CSS布局HTML小编今天和大家分享停...
项目问题备忘之IE6、IE7父元素滚动，子元素不跟随滚动bug和点击穿透bug
anno7545的博客
06-16 221
由于所做项目要求兼容IE7以上浏览器，所以遇到了2个IE7浏览器的问题，好在网上一搜就能找到答案，不得不感谢这些前端前辈们留下的痕迹，方便小菜学习。 问题1描述： 在IE6,IE7下，子元素使用position:relative、父元素或者祖先元素了使用overflow:auto后，我们预期的是滚动条滚动时，子元素也应该随之滚动，实际情况是这些设置了position:relat...
iframe滚动条控制：显示与隐藏策略
文章提到了几种处理iframe滚动条的方法： 1. **通过`scrolling`属性设置**：在iframe标签中，可以使用`scrolling`属性来控制滚动条的显示。例如，`scrolling="yes"`表示显示滚动条，`scrolling="no"`则隐藏滚动条，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值