iframe横向滚动条在Chrome上不显示在火狐上显示

最新推荐文章于 2023-02-07 10:31:39 发布
最新推荐文章于 2023-02-07 10:31:39 发布
阅读量581 收藏 1
点赞数 1
分类专栏： css3 文章标签： chrome 前端 iframe 火狐 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangweiscsdn/article/details/124738874
版权

问题

给iframe加了scrolling=‘yes’,横向滚动条在Chrome出不来，火狐上是有的

在外面加div

可以在iframe外面再套一个div，控制div的溢出

<div style="width:100%;height:1000px;overflow-x:scroll;"><iframe src="http://xxx.com" style="width:1200px;height:1000px;overflow:hidden;"></iframe></div>
Eveweiscsdn
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
iframe嵌入报表滚动条问题
Datainside的博客
10-24 388
iframe嵌入,报表滚动条,自适应高度,调整iframe高度,滚动条样式,滚动条设置
iframe 内嵌网页在移动端无法滚动及多滚动条问题
flynn_
10-09 3866
优化iframe 在手机上无法正常滚动及添加包裹容器后出现两个滚动条 html 部分 <el-dialog center title="预览" append-to-body custom-class="prev-dialog" :modal="false" :fullscreen="true" :visible.sync="prevDialogVisiable" > <div class="prev-dialog-content"> &lt
selenium---操作iframe中的滚动条
测试-安静
10-12 158
前言 　　在做web自动化时候，可能会需要用到滑动滚动条的操作，前面安静介绍了通过JS操作一般的滚动条，那么如果滚动条在iframe中呢？这个时候应该怎么操作呢？ 编写iframe实例 安静这里写了一个将百度页面代码放入到单独的一个页面中，然后通过另一个html通过iframe的方式进行调用百度的html。 再编写一个html的方式用来调用baidu.html。其中src后面的路径表示我们的...
解决iframe滚动条问题
piscailei@blog.csdn.net
10-11 5562
解决方案一：去掉文件开头的文档声明。不使用"DOCTYPE "文档声明(详细代码在下面)的话很容易就过去了。但是不使用文档声明，一是代码不规范，二是不能获得文档的高度。 下面的代码执行的结果是pageHeight=160px;，而实际上B文件的高度（长度）是800px左右。var pageHeight = (document.body.clientHeight?document.bod
在iframe中隐藏横向滚动条的方法大全
10-31
在iframe中隐藏横向滚动条的方法大全
iframe在IE6下出现横向滚动条的解决方案
09-22
最近的项目中，遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。
iframe 上下滚动条如何默认在下方实现原理
09-05
为了提供更好的用户体验，我们期望在页面加载或刷新时，iframe中的滚动条能够默认处于底部，以便用户能立即看到最新的聊天记录。本文将探讨如何实现这一功能。 首先，我们需要理解iframe的基本概念。Iframe（Inline...
IOS上iframe的滚动条失效的解决办法
01-05
iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。  问题重现： 结构：  index.html : <style>　 #iframe{height:500px;} </style> ...
IE、Chrome、Firefox浏览器隐藏滚动条（IE、火狐、谷歌浏览器）
weixin_46022934的博客
12-21 7537
一、背景和效果图如下： 1.背景 2.设置属性前效果图： 2.设置后效果图： 二、直接通过CSS修改样式，保存滑动功能 1.全局设置滚动条如下（谷歌Chrome） Css代码如下 效果图如下 2.给某一个元素设置如下（谷歌Chrome） Css代码如下 效果图如下 三、这里其他浏览器的方法 1.IE去除滚动条样式（IE10以上内核） 2.火狐除滚动条样式（Gecko 内核） 总结
谷歌浏览器火狐浏览器滚动条设置
疑问 搜索 动手 解决 记录
11-23 346
谷歌 /**自定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px } ::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } ::-webkit-scrollbar-thumb {
【我不熟悉的css】去掉iframe的滚动条
qq_17335549的博客
11-15 2687
【我不熟悉的css】去掉iframe的滚动条
解决 Chrome浏览器网页上出现光标，无法通过键盘方向键实现页面滚动的问题
分享日常的学习，开展的项目，编写的软件，解决的问题等~
02-19 7600
本博客解决了在使用新版chrome浏览器时存在的一个诡异现象，网页上点击任何东西都会出现光标，就像在word软件中一样，并且无法使用键盘的上下方向键让页面滚动起来。 问题描述 如下图所示，网页中有一个光标，按键盘的方向键能让光标移动，但无法实现页面的滚动（默认按上下方向键会上下滚动网页）。并且十分诡异的是，即便是图片，也会有一个大大的光标。 下面是react项目的默认欢迎页面，点击图片，会在右侧出现光标。 解决办法 经过查阅，确定了这个问题是由于浏览器开启了光标浏览模式，按F7即可关闭/开启该功能。.
chrome浏览器中div出现滚动条但不能用鼠标滚动
qq_36802917的博客
02-07 1476
chrome浏览器中div出现滚动条但不能用鼠标滚动
html5 iframe 无法滚动条,iframe嵌入的页面没有滚动条
weixin_31569663的博客
06-10 7727
怎么样iframe没有滚动条 页面有滚动条iframe没有滚动条 scrolling="No"这个去掉了但是页面超过了屏幕，应该有不是到你只什么意思哦frameborder="0" align="top" scrolling="yes" src=""这样可以设置有滚动条BODY { SCROLLBAR-FACE-COLOR:#fdce75; SCROLLBAR-HIGHLIGHT-COLOR: #...
ace admin v1.4 解决iframe中显示表格宽度超过边界时，横向滚动条不出现问题
07-11 287
原来用的ace admin 横向滚动条是正常的，升级为最新版本的ace admin前端框架后横向滚动条不显示了，找了一天问题，最后发现ace.min.css中有如下设置： @media only screen and (max-width:991px) { body { overflow-x: hidden } 改为： @media only screen...
iframe 不显示滚动条
最新发布
06-07
如果您想要在 iframe 中显示滚动条，可以在 iframe 标签中添加 `scrolling="yes"` 属性，例如： ``` <iframe src="https://www.example.com" scrolling="yes"></iframe> ``` 如果您希望隐藏滚动条，可以将该属性的值设置为 `"no"`。但是需要注意的是，这种做法并不推荐，因为它可能会影响用户体验。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值