在iframe中隐藏横向滚动条。

最新推荐文章于 2025-02-20 16:39:28 发布
最新推荐文章于 2025-02-20 16:39:28 发布
阅读量2.4k 收藏
点赞数
文章标签： iframe html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yeyu712/article/details/1645788
版权

在iframe中隐藏横向滚动条。
删除DM中自动生成的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
此句代码.
body中这样写：
<body style="overflow-x:hidden[X滚动条];overflow-y:auto[Y滚动条]">

yeyu712
关注
在iframe中隐藏横向滚动条的方法大全
10-31
在iframe中隐藏横向滚动条的方法大全
iframe在IE6下出现横向滚动条的解决方案
09-22
在IE6中，iframe经常会导致出现横向滚动条，尤其是在内嵌页面内容的高度或宽度超过了iframe本身的尺寸时。 在本例中，问题出现在iframe中的页面使用了相对于body的样式，其中包含了一个宽度为100%的元素。这种布局...
frame中隐藏横向滚动条
萌萌的It人 www.itmmd.com
05-26 1466
遇到的问题是当main中的内容超过main的指定高度时，会同时出现竖向和横向滚动条，这是一种极不好的用户体验，理想状态应该是只出现竖向滚动条，我尝试了如下解决方法：1.直接添加body属性，结果是无效；（分析原因：overflow-x是IE独有的 css 属性,加上DTD的话可能会被忽略,就像定制滚动条颜色的css属性一样）2.去掉DOCTYPE声明"http://www.w3.org/TR/ht
html中iframe标签 隐藏滚动条
最新发布
qq_39951524的博客
02-20 651
html中iframe标签 隐藏滚动条
隐藏iframe滚动条，并禁止滑动
weixin_45559449的博客
03-20 9717
当我们通过 iframe 展示图片，或是通过 iframe 展示 PDF文件 时，如果图片和 PDF 超出 iframe设置的宽高，就会出现横纵向的滚动条，如下图。所以， iframe 展示图片时可以通过设置 scrolling=“no” 属性来隐藏滚动条，iframe 展示 PDF文件时 设置 scrolling=“no” 属性并不能隐藏滚动条。如果 iframe 存在纵向滚动条，则 iframe宽度=原宽度+滚动条宽度，即width: calc(100% + 17px)；
去掉iframe横向滚动条
weixin_30340745的博客
01-23 147
　　百度上搜索了一下。发现很多教人去掉iframe横向滚动条都是使用 style="overflow-x:hidden" 这个样式。 　　结果我估计很多人跟我一样，使用了之后发现问题没解决。 后来疯狂搜索。才找到有人提出来了这么个观点： 在设置Frame时，有一属性是scrolling="yes/no/auto"，IE6的mozilla都支持，但很显然地，IE的开发人员在这个地方...
隐藏iframe滚动条
sunshine08_07的博客
09-06 2883
iframe会出现滚动条是因为子页面内容过长，所以想让页面不出现滚动条有两种方法： 一、让子页面高度不超过屏幕高度，这样会修改原本写好的页面布局。 二、修改滚动条样式，使其滚动条视觉上隐藏 ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-sc...
JavaScript中关于iframe滚动条的去除和保留
11-27
在开发中经常遇到去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条，大家基于js是怎么实现的呢？下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的...
layer弹出层 iframe层去掉滚动条的实例代码
10-18
在这个问题中，我们关注的是如何在layer弹出层中的iframe层去除滚动条，以保持页面的整洁和用户体验。 首先，让我们深入理解一下涉及到的几个概念： 1. **layer**：Layer是基于jQuery的一个轻量级的弹窗插件，提供...
vue.js-div滚动条隐藏但有滚动效果的实现方法
10-18
在Vue.js中隐藏div的滚动条但保留滚动功能，可以通过CSS来实现滚动条的隐藏，并利用JavaScript来捕获用户的滚动动作，进而通过程序来控制内容区域的滚动，以此来模拟滚动条的效果。由于某些浏览器可能对滚动条有不同...
隐藏IFRAME的滚动条
热门推荐
03-11 1万+
frame中隐藏横向滚动条当main中的内容超过main的指定高度时，会同时出现竖向和横向滚动条，这是一种极不好的用户体验，理想状态应该是只出现竖向滚动条，我尝试了如下解决方法：1.直接添加body属性，结果是无效；（分析原因：overflow-x是IE独有的 css 属性,加上DTD的话可能会被忽略,就像定制滚动条颜色的css属性一样）2.去掉DOCTYPE声明"http:/
如何隐藏掉iframe 横向滚动条
jakeycis的专栏
05-20 851
因为网站界面需要隐藏掉iframe中的横向滚动条，在网上找了大把，但是由于需要调用的是不同域名的网站，所有都无法真正的实现。当然，通过服务器的proxy-pass来实现的话，再自己编写一个滚动条来建立的话，效果肯定可以实现的。无奈下，仔细观察网页滚动条的样式，有了一个灵感。其实网页的滚动条都不是交叉的，即在右下角有一个空缺，当然不是利用这个空缺了，横向的滚动条在纵向的下面，所以可以建立一个
iframe横向滚动条在Chrome上不显示在火狐上显示
wangweiscsdn的博客
05-16 645
问题 给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><
iframe隐藏scrollbar并且还能够继续滚动
xo19882011的专栏
05-02 1535
frame 有个属性 scrolling，直接设置 scrolling=‘no’ 即可隐藏scrollbar。不过感觉有可能谁闲的设置过scrollbar的宽度怎么办呢，那就把这个值改成获取的吧。另外一个就是外边包一层比iframe窄的div，然后 overflow 设置成隐藏。查了好久的文档，太累了，目前暂时使用了直接把scrollbar隐藏的策略。以下是全部代码，基于vue+tailwindcss。目前感觉这个办法还算是效果比较好。
去掉iframe横向滚动条_iframe滚动条
cuiliaodu0462的博客
10-08 253
主页面加IFRAME SCROLLING="YES" 子页面 '让竖条消失: '让横条消失: '还要去掉 '子页面里的 '两个都去掉 iframe自动适应页面大小JS函数 //Ifr...
iframe的滚动条问题 ,去掉横向滚动条和纵向滚动条
weixin_30335353的博客
09-14 175
******去掉iframe横向滚动条或竖条 1.在主页面加iframescrolling="yes"或"auto" 2.css文件 body{ overflow-x:hidden;去掉横条 overflow-y:hidden;去掉竖条 } 父页面和子页面链接入css文...
去掉iframe横向滚动条或竖条
swandragon的专栏
10-23 674
主页面加IFRAME SCROLLING="YES"子页面程序代码让竖条消失: 让横条消失: 还要去掉子页面里的两个都去掉
iframe滚动条控制：显示与隐藏策略
/* 去掉横向滚动条 */ overflow-y: hidden; /* 去掉竖向滚动条 */ } ``` 3. **XHTML1.0 Transitional与HTML4.01 Transitional**：文中提到，使用XHTML1.0 Transitional标准时，可能会遇到iframe不显示内容的问题...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值