iframe的滚动条问题 ,去掉横向滚动条和纵向滚动条

最新推荐文章于 2021-05-31 11:04:44 发布
最新推荐文章于 2021-05-31 11:04:44 发布
阅读量129 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/kaixin110/archive/2010/09/14/1825621.html
版权
  1. ****** 去掉 iframe 横向滚动条或竖条
  2.  
  3. 1. 在主页面加 iframe scrolling="yes" 或 "auto"
  4.  
  5. 2. css 文件
  6.  
  7. body {
  8.      overflow-x : hidden;   去掉横条
  9.      overflow-y : hidden;   去掉竖条
  10. }
  11.  
  12. 父页面和子页面链接入 css 文件
  13.  
  14. 3. 去掉子页面里的
  15. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
  16. (即不要表头)
  17.  
  18. 4. 两个都去掉
  19. <iframe scrolling="no">
  20.  
  21. **********************************************

转载于:https://www.cnblogs.com/kaixin110/archive/2010/09/14/1825621.html

weixin_30335353
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中关于iframe滚动条的去除和保留
11-27
下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的实现方法。一起看看吧！ iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下...
iframe在IE6下出现横向滚动条的解决方案
09-22
最近的项目中，遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。
iframe设置100%，出现纵向滚动条
风华绝代的博客
04-04 1555
iframe 设置为100%出现纵向滚动条
去掉iframe横向滚动条或竖条
记事本
06-16 1452
主页面加IFRAME SCROLLING="YES" 子页面 程序代码 '让竖条消失: '让横条消失: '还要去掉 '子页面里的 '两个都去掉
去掉iframe全部(横向、纵向)滚动条
yanlp
07-22 239
主页面 IFRAME 加 SCROLLING="YES" 子页面'让竖条消失: &lt;BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'&gt; &lt;/BODY&gt; '让横条消失: &lt;BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'&gt; &lt;/BODY&gt;   横纵滚动条全消失:...
iframe滚动条设置
weixin_30247307的博客
01-15 1819
1、滚动条 　　1）滚动属性 　　<iframe scrolling="no"></iframe>　　no:删除 yes:一直显示 auto:自动显示 　　2）除右留下 　　<iframe style='overflow-x：auto ; overflow-y：hidden；'></iframe> 　　3）除下留右 　　<i...
iframe只有竖向滚动条
忽而今夏 qianxiaochi
02-02 404
问题：有ie6下，即使内容不超出也会有滚动条的背景！
css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
11-21
/* 总是显示纵向滚动条 */ ``` 为了改变滚动条的颜色和样式，CSS提供了特定于滚动条的伪元素和属性。然而，需要注意的是，这些属性的浏览器兼容性并不一致，通常在Webkit（如Chrome和Safari）和Firefox中有不同的...
50条网页制作小技巧集锦.pdf
12-16
1. **滚动条控制**：通过CSS样式，可以轻松控制网页的横向和纵向滚动条的显示和隐藏。例如，`overflow-y:hidden`用于隐藏垂直滚动条，`overflow-x:hidden`用于隐藏水平滚动条，而`<body scroll="no">`则可以同时去掉...
去掉iframe或frame横向或纵向滚动条
Java交流
07-30 191
主页面的IFRAME中添加：scrolling="yes" 子页面程序代码： 让竖条消失: 让横条消失: Java软件工程师推荐书籍： [url=http://s.click.taobao.com/t_1?i=qX6heR6BFiSTjQ%3D%3D&p=mm_12504564_0_0&n=11]开发者突击：Struts 2核心技术与Java EE框架整合开发...
iframe 去掉竖向滚动条
jenly10的专栏
03-12 7789
1、主页面的iframe  scrolling 属性设置为 yes 或者 atuo            2、子页面内 body 样式设置为     style='overflow: scroll;overflow-y:hidden'  去掉 竖向滚动条     style='overflow: scroll;overflow-x:hidden'  去掉横向滚动条
iFrame只要竖滚动条，不要横滚动条的方法
baokx的专栏
06-19 1859
iFrame只要竖滚动条，不要横滚动条的方法               name="test"               marginwidth="0"               marginheight="0"               allowtransparency="true"               id="test"
html iframe禁止横向滑动_iFrame只要竖滚动条，不要横滚动条
weixin_36303283的博客
12-23 296
插入iFrame的代码如下滚动条设了自动auto，当页面内容多时，会自动出现滚动条；预想效果是出现了，但是不仅出了右侧的竖滚动条，下面左右滚动的横滚动也出现了，调整内容宽度，也一样；郁闷；虽然不影响大碍，但是觉得太不爽了。看网上有人说，设置body的css样式； body { overflow-x : hidden ; } < /style>试过之后，发现不行，有的说是IE不支持，我看可能是我的...
html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案
weixin_36255837的博客
05-31 4400
在WEB实际开发过程中，特别是在iframe引用其它网页时，可能大家遇到过这样的问题，当您的页面在框架中的时候，即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%)，但横向滚动条依然出现。即使您设置了scrolling=no 也不起作用。一般情况下，网页都有这个语句，如果网页显示不需要这个语名的，删掉上面的语句，横向滚动条就会没了,此效果在IE浏览器下测试成功，FF浏览器下失败。在我们...
iFrame只要竖滚动条，不要横滚动条
weixin_30268921的博客
03-24 165
如题，就是在网页中，只显示右侧的垂直滚动条，而不要底部的水平滚动条；这个问题让我挠头了半天。做的那个管理界面，为了能让菜单在整个窗口中显示，我没有用Frame，而是用了iFrame；为了让iFrame窗口适用大小，我也用JavaScript代码做了判断；插入iFrame的代码如下(我没有设宽高，宽高有Js代码控制的，这里不再描述)<iframe src="welcome.html" name...
完全搞定iframe（框架）里的滚动条
YQRQR的博客
08-10 2373
iframe初始滚动条位置: <iframe id="aa" name="aa" src=" http://news.163.com"></iframe> <script> document.getElementById("aa").document.body.scrollTop = "500"; </script> 滚动条始终在最下端: window.onload=function (){ doc
iframe设置height为100%，scrolling为no，还是出现垂直滚动条
热门推荐
木雷双雄7
03-23 1万+
easyui中点击菜单生成tab选项卡时，iframe设置height为100%，并且scrolling为no，仍然出现了下图的滚动条。 问题原因：iframe为行内元素，空白符被解析。 解决办法： 1、改变父级样式，如font-size: 0; 或者line-height: 0; 2、改变自身样式，如display: block 或者vertical-align: middle
怎样自定义iframe滚动条，使纵向和横向不同颜色？
最新发布
06-09
要自定义iframe滚动条，可以使用CSS样式来实现。以下是一个示例： ```css /* 设置纵向滚动条样式 */ iframe::-webkit-scrollbar { width: 10px; /* 设置滚动条宽度 */ } iframe::-webkit-scrollbar-thumb { background-color: #333; /* 设置滚动条颜色 */ } /* 设置横向滚动条样式 */ iframe::-webkit-scrollbar-horizontal { height: 10px; /* 设置滚动条高度 */ } iframe::-webkit-scrollbar-thumb:horizontal { background-color: #999; /* 设置滚动条颜色 */ } ``` 上述样式中，`::-webkit-scrollbar`选择器用于设置滚动条的基本样式，`::-webkit-scrollbar-thumb`选择器用于设置滚动条的滑块样式。`::-webkit-scrollbar-horizontal`选择器用于设置横向滚动条的样式，`::-webkit-scrollbar-thumb:horizontal`选择器用于设置横向滚动条的滑块样式。 可以根据需要修改样式中的颜色、宽度和高度等属性来自定义滚动条的样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值