html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动

今天遇到一个这样的问题：网页中如何隐藏iframe中的垂直滚动条，但依然可以用滚轮实现页面滚动？？？我就想先把iframe定义宽度和高度，在设置overflow:hidden;呗，但是这样多余的部分会被隐藏掉。如果你想在主页面滚动能看到iframe页面隐藏的内容是不可以的。

1、有人说可以视觉隐藏：

在iframe外面加个DIV，这个DIV的宽度正好比里面的iframe的宽度要小一个滚动条的宽度，高度一致，并把DIV的CSS样式设置overflow:hidden。

2、可以设置 -webkit-scrollbar 但是它只针对谷歌浏览器：

iframe内部页面代码：

.inner-container {

position: absolute;

left: 0;

overflow-x: hidden;

overflow-y: scroll;

}

/* 只针对谷歌浏览器*/

body::-webkit-scrollbar {

display: none;

}

如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???如何隐藏iframe的滚动条，但依然可以页面滚动???

外部包含iframe的代码：

Title

#box {

position: relative

overflow: hidden;

}

这样缺点太明显只支持谷歌；我觉得大部分也不会用；那大家有什么好的想法呢？

html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动相关推荐

纯css解决div隐藏浏览器原生滚动条，但保留鼠标滚动效果的问题
纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题参考文章: (1)纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题 (2)https://www.cnblogs.co ...
html怎么隐藏y方向内容,如何隐藏scroll-Y纵向滚动条，并不影响内容滚动的方法...
网上搜了需的请本现等现近求项求人这行的近求项求人很多关于隐藏滚动条的文章,发现很多都是只说了如何隐藏scroll-X横向滚动条,对scroll-Y纵向滚动条并没有明确的述说.本文章将介绍3种隐藏滚动条 ...
如何隐藏scroll-Y纵向滚动条，并不影响内容滚动的方法
网上搜了很多关于隐藏滚动条的文章,发现很多都是只说了如何隐藏scroll-X横向滚动条,对scroll-Y纵向滚动条并没有明确的述说.本文章将介绍3种隐藏滚动条的方法,大家可以结合实际情况,参考文章内 ...
html页面下拉条位置,iframe滚动条位置控制
javascript中如可控制iframe的滚动条位置我做了一个聊天室,嵌套了两个iframe,一个name叫mainframe,用来显示聊滚动条始终在最下端: window.οnlοad=func ...
Python爬虫（7）selenium3种弹窗定位后点击操作，解决点击登录被隐藏iframe无法点击的登陆问题
之前的文章有关于更多操作方式详细解答,本篇基于前面的知识点进行操作,如果不了解可以先看之前的文章 Python爬虫(1)一次性搞定Selenium(新版)8种find_element元素定位方式 Py ...
隐藏iframe滚动条
iframe会出现滚动条是因为子页面内容过长,所以想让页面不出现滚动条有两种方法: 一.让子页面高度不超过屏幕高度,这样会修改原本写好的页面布局. 二.修改滚动条样式,使其滚动条视觉上隐藏 ::-we ...
iframe滚动条在safari中无法滚动的终极解决方案
大家都知道,正常情况下iframe嵌套的页面如果高度超过iframe高度,那么就正常出现滚动条,并且此滚动条是iframe自身的滚动条. 但在ios,safari浏览器下这一切都失效了,或许你百度,研 ...
iframe标签的使用（隐藏操作栏）
iframe标签在预览pdf文档时,顶部默认会有一行操作栏,可供用户下载.打印等.因在工作中遇到过一次这样的需求,需要控制用户的下载权限,网上大部分是说iframe无法控制,都推荐用pdf.js插件, ...
获取子页面iframe的点击事件及iframe跨域的交互
1.获取子页面iframe的点击事件 1.1.获取iframe var frame = document.getElementById('addrClick2'); 1.2.获取点击事件 var If ...

html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动

html iframe随页面滚动,如何隐藏iframe的滚动条，但依然可以页面滚动相关推荐

最新文章

热门文章