消除去掉隐藏浏览器iframe的scrollbar

最新推荐文章于 2024-05-02 20:01:02 发布
最新推荐文章于 2024-05-02 20:01:02 发布
阅读量353 收藏
点赞数
分类专栏： 零碎的小问题，哦哦 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_9330/article/details/82583274
版权
[size=medium]在网上看了很多，也在safari和chrome，firfox，ie浏览器中测试过，
一般设定iframe的height等于document.body.scrollHeight就可以，
比如：document.getElementById('iframeId').height=docuemnt.body.ScrollHeight;
再把document.getElementById('iframeId').scrolling="no"，这样就ok， :lol:
但是我在设置ie<meta http-equiv="X-UA-Compatible" content="IE=8">设置ie浏览器的文本模式，上边的操作就不好使了，这时需要在iframe引入的页面中加入css样式很简单，如：body｛overflow：hidden;｝ok，解决问题 :wink: [/size]
iteye_9330
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe可以滑动并且隐藏scrollbar
05-04
`overflow-hidden`类用于父容器隐藏溢出的内容，而`overflow-scroll`使`iframe`可滚动，`scrollbar-hidden`则隐藏滚动条。 4. **处理`iframe`的`src`属性**：如果`iframe`加载的是外部资源，你需要确保跨域策略...
纯css修改浏览器scrollbar滚动条样式示例
09-22
本篇文章将详细介绍如何使用纯CSS修改浏览器的scrollbar滚动条样式。 首先，我们需要了解CSS中用于定义滚动条样式的伪元素选择器。主要有以下三个： 1. `::-webkit-scrollbar`：这个选择器用来设置整个滚动条的...
iframe去掉滚动条
javaocean
10-18 126
这个方法用来去掉iframe的滚动条，当页面变高时，只显示竖向滚动条   一个iframe： &lt;iframe name="ifr" src="index.html"&gt;&lt;/iframe&gt;   index.html 的body标签这样写：&lt;body style="overflow:hidden;"&gt;&lt;/body&gt;   o(∩_∩)o...这是
隐藏IFRAME的滚动条
热门推荐
03-11 1万+
frame中隐藏横向滚动条当main中的内容超过main的指定高度时，会同时出现竖向和横向滚动条，这是一种极不好的用户体验，理想状态应该是只出现竖向滚动条，我尝试了如下解决方法：1.直接添加body属性，结果是无效；（分析原因：overflow-x是IE独有的 css 属性,加上DTD的话可能会被忽略,就像定制滚动条颜色的css属性一样）2.去掉DOCTYPE声明"http:/
iframe隐藏scrollbar并且还能够继续滚动
最新发布
xo19882011的专栏
05-02 791
frame 有个属性 scrolling，直接设置 scrolling=‘no’ 即可隐藏scrollbar。不过感觉有可能谁闲的设置过scrollbar的宽度怎么办呢，那就把这个值改成获取的吧。另外一个就是外边包一层比iframe窄的div，然后 overflow 设置成隐藏。查了好久的文档，太累了，目前暂时使用了直接把scrollbar隐藏的策略。以下是全部代码，基于vue+tailwindcss。目前感觉这个办法还算是效果比较好。
隐藏scrollbar - Hide scrollbar
weixin_34174132的博客
03-13 440
本文主要讲解如何隐藏scrollbar。 方法一：scrollbar-width （兼容性不好） 　　利用单一css属性 scrollbar-width设置scrollbar的宽度。 scrollbar-width: auto | thin | none | <length>; autois the default value and will render the...
隐藏scrollbar滚动条
weixin_42667381的博客
05-20 1724
转载：http://caibaojian.com/hide-scrollbar.html 隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？ 其实我只是把滚动条通过定位把它隐藏了起来。 演示 下面给一个简化版的代码
Android ScrollView 去掉 scrollbar 和 阴影
agk335520的博客
03-23 226
1. 在 layout 里： android:scrollbars="none" android:overScrollMode="never" 2. 代码里 /* remove scroll bar */ view.setVerticalScrollBarEnabled(false); view.setHorizontalScrollBarEnabled(fals...
隐藏浏览器上的滚动条
04-27
总结来说，隐藏浏览器的滚动条可以通过CSS的`overflow`属性、CSS Scrollbars模块的`scrollbar-width`和`scrollbar-color`属性，以及JavaScript库实现。在实际应用中，需要根据目标用户的浏览器类型和版本选择合适的...
浏览器滚动条设置 scrollBar
10-28
在前端开发中，浏览器的滚动条（scrollBar）是用户界面不可或缺的一部分，它允许用户查看网页超出可视区域的内容。默认情况下，滚动条的宽度通常为10像素，但有时为了满足设计需求或优化用户体验，开发者可能需要...
关于element-ui的隐藏组件el-scrollbar的使用
10-16
主要介绍了关于element-ui的隐藏组件el-scrollbar的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iframe隐藏浏览器滚动条
weixin_30527323的博客
02-14 115
<body class="full-height-layout" > <!--右侧部分开始--> <div id="page-wrapper" class="gray-bg dashbard-1"> <!--row 样式 将此div向右移动-15px ，正好盖住浏览器滚动条--> <div c...
能隐藏IFRAME的滚动条吗？我知道的三种方法
weixin_34250709的博客
07-09 328
1. 设置iframe scrolling="no" 2. 被包含页body应用overflow:hidden 3. 被包含页的body标签加scroll="no"
XMLHTML 的 滚动条
weixin_30237281的博客
04-25 345
1.xhtml下滚动条的颜色问题？在原来的html的时候，我们可以这样定义整个页面的滚动条body{scrollbar-3dlight-color:#D4D0C8;/*-最外左-*/scrollbar-highlight-color:#fff;/*-左二-*/scrollbar-face-color:#E4E4E4;/*-面子-*/scrollbar-arrow-...
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的滚动条，但依然可以页面滚动
高先生的猫
05-26 5273
今天遇到一个这样的问题：网页中如何隐藏iframe中的垂直滚动条，但依然可以用滚轮实现页面滚动？？？我就想先把iframe定义宽度和高度，在设置overflow:hidden;呗，但是这样多余的部分会被隐藏掉。如果你想在主页面滚动能看到iframe页面隐藏的内容是不可以的。 1、有人说可以视觉隐藏： 在iframe外面加个DIV，这个DIV的宽度正好比里面的iframe的宽度要小一个滚动条的宽度，高度一致，并把DIV的CSS样式设置overflow:hidden。 2、可以设置 -webkit-scr
隐藏el-scrollbar水平
10-10
您可以通过以下 CSS 代码隐藏水平滚动条： ``` ::-webkit-scrollbar { display: none; } ``` 请注意，这将隐藏所有滚动条，包括垂直和水平滚动条。如果您只想隐藏水平滚动条，可以使用以下代码： ``` ::-webkit-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值