`
雷神F1
  • 浏览: 9086 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多
在网上看了很多,也在safari和chrome,firfox,ie浏览器中测试过,
一般设定iframe的height等于document.body.scrollHeight就可以,
比如:document.getElementById('iframeId').height=docuemnt.body.ScrollHeight;
再把document.getElementById('iframeId').scrolling="no",这样就ok,
但是我在设置ie<meta http-equiv="X-UA-Compatible" content="IE=8">设置ie浏览器的文本模式,上边的操作就不好使了,这时需要在iframe引入的页面中加入css样式很简单,如:body{overflow:hidden;}ok,解决问题


分享到:
评论

相关推荐

    隐藏浏览器上的滚动条

    总结来说,隐藏浏览器的滚动条可以通过CSS的`overflow`属性、CSS Scrollbars模块的`scrollbar-width`和`scrollbar-color`属性,以及JavaScript库实现。在实际应用中,需要根据目标用户的浏览器类型和版本选择合适的...

    iframe可以滑动并且隐藏scrollbar

    `overflow-hidden`类用于父容器隐藏溢出的内容,而`overflow-scroll`使`iframe`可滚动,`scrollbar-hidden`则隐藏滚动条。 4. **处理`iframe`的`src`属性**:如果`iframe`加载的是外部资源,你需要确保跨域策略...

    浏览器滚动条设置 scrollBar

    在前端开发中,浏览器的滚动条(scrollBar)是用户界面不可或缺的一部分,它允许用户查看网页超出可视区域的内容。默认情况下,滚动条的宽度通常为10像素,但有时为了满足设计需求或优化用户体验,开发者可能需要...

    iframe自适应高度(兼容目前所有主浏览器)

    iFrame 自适应高度的定义是指隐藏 iFrame 的 border 和 scrollbar,让用户无法察觉到它是一个 iFrame。当 iFrame 需要切换页面或执行 DOM 动态操作时,需要程序去同步 iFrame 高度和被包含页的实际高度。 传统的...

    vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

    为了实现跨浏览器的自定义滚动条,我们可以借助第三方库,例如`simple-scrollbar`或`perfect-scrollbar`。这些库通过JavaScript实现滚动条的自定义,并且已经处理了浏览器兼容性问题。以`simple-scrollbar`为例,...

    perfect scrollbar jQuery鼠标滚轮滚动事件

    Perfect Scrollbar是一款优秀的jQuery插件,它为网页中的滚动条提供了自定义样式和功能,使得滚动体验更加流畅、美观。这个插件尤其适用于那些希望在网页设计中保持一致性或者提升用户体验的开发者。在"perfect ...

    scrollbar滚动.wmv

    基于element-ui 隐藏组件 el-scrollbar 添加自定义滚动事件 基于element-ui 隐藏组件 el-scrollbar 添加自定义滚动事件

    jquery滚动条美化Scrollbar

    默认的浏览器滚动条虽然实用,但在某些设计风格中可能会显得突兀,不符合整体视觉效果。jQuery Scrollbar 插件提供了一种方法,让我们可以轻松地对网页中的滚动条进行美化,使其更加符合网站的界面设计。 jQuery 是...

    JS 实现防ScrollBar效果

    在网页设计中,有时我们可能需要隐藏或者防止滚动条(ScrollBar)出现,以达到特定的视觉效果或界面设计。在JavaScript中实现防ScrollBar效果,主要涉及到CSS和JavaScript的结合使用。下面将详细介绍如何通过这两种...

    jquery定制div滚动条Scrollbar

    描述中提到的“sly jquery定制div滚动条Scrollbar 兼容IE6 FireFox Safari”,意味着这个解决方案不仅关注美观,还考虑到了浏览器兼容性问题。IE6是一个老版本的Internet Explorer,通常对现代Web技术支持不足,而...

    javascript经典特效---Iframe页面的滚动.rar

    `隐藏滚动条,或者通过`::-webkit-scrollbar`等伪元素定义滚动条样式(仅限Webkit内核浏览器)。 6. **浏览器兼容性**: - 不同浏览器对JavaScript操作Iframe的支持程度不同,尤其是涉及到跨域操作时,需考虑IE、...

    前端开源库-react-perfect-scrollbar

    **React Perfect Scrollbar** 是一个前端开源库,专为React应用程序设计,旨在提供美观且功能丰富的滚动条组件。这个库的出现是为了满足开发者对于自定义滚动条的需求,使其能够更好地融入现代Web应用的设计风格,...

    纯css修改浏览器scrollbar滚动条样式示例

    本篇文章将详细介绍如何使用纯CSS修改浏览器的scrollbar滚动条样式。 首先,我们需要了解CSS中用于定义滚动条样式的伪元素选择器。主要有以下三个: 1. `::-webkit-scrollbar`:这个选择器用来设置整个滚动条的...

    jQuery 滚动条插件 tinyScrollbar Demo

    这个插件允许开发者用自定义的样式替换浏览器默认的滚动条,使得网页滚动更加优雅,与整体设计更加融合。在本资源包中,包括了必要的 HTML 文件 `tinyScrollbar.htm` 和一个名为 `tinyScrollbar_files` 的文件夹,后...

    perfect-scrollbar

    "perfect-scrollbar"对现代浏览器支持良好,但可能在一些较旧版本或非主流浏览器上存在兼容性问题。因此,在项目开发中应进行充分的跨浏览器测试。另外,考虑到性能,插件提供了一些优化选项,比如禁用不必要的动画...

    scrollbar.zip_matlab scrollbar_scrollbar

    在MATLAB中,`scrollbar`是一个非常有用的控件,它允许用户通过滑动条来改变某个变量的值或者在图形窗口中浏览大图像的一部分。本教程将详细讲解如何使用MATLAB来创建和操作`scrollbar`,以及它在实际应用中的作用。...

    scrollbar-width.js:计算浏览器窗口中滚动条的宽度

    scrollbar-width.js 是一个用于计算浏览器窗口滚动条大小的库。 它兼容 AMD、CommonJS 和标准浏览器环境。 安装/使用 AMD 与 AMD 一起使用很简单: require([ 'js/scrollbar-width' ], function...

    jquery tinyScrollbar

    这个插件主要用于改善原生浏览器滚动条的外观,使其更加美观,同时保持与原生滚动条相似的交互体验。tinyScrollbar 适用于那些希望在网站或应用中实现个性化滚动条设计的开发者。 ### 主要特点 1. **自定义样式**...

    iframe自适应内嵌页的高试,无srcoll

    2. **隐藏滚动条**:要隐藏`&lt;iframe&gt;`内的滚动条,可以在`iframe`的CSS样式中设置`scrollbar-width`(对于Firefox)和`overflow`(对于其他浏览器)属性。例如: ```css iframe { scrollbar-width: none; /* Fire...

    scrollbar1.2

    《基于MooTools的Scrollbar实现详解》 Scrollbar作为网页元素滚动条的一种美化和增强手段,为用户提供了更优雅的交互体验。本项目“scrollbar1.2”是基于JavaScript库MooTools实现的一个自定义滚动条插件,由作者...

Global site tag (gtag.js) - Google Analytics