网页中如何隐藏iframe中的垂直滚动条，但依然可以用滚轮实现页面滚动？？？求大神啊

网上都说的是隐藏滚动条，但是页面不能滚动了啊

2024-12-03 02:49:46

推荐回答（5个）

回答（1）：

1、首先打开网站开发工具，新建一个HTML页面。

2、编写HTML代码，核心代码：

。

3、接着编写CSS代码，核心代码如下图所示。

4、在新建一个HTML页面（也就是需要嵌套的iframe页面），代码如下。

5、给iframe页面添加修饰样式核心代码：p{ height: 50px; line-height: 50px; font-size: 16px;}。

6、打开浏览器，浏览刚才制作的页面，测试效果（可以使用滚轮和键盘上下键进行测试）可以发现页面上没有滚动条，而且iframe依然可以滚动。

回答（2）：

你先把iframe定义宽度和高度，再设置CSS样式overflow:hidden;就可以了，这样多余的部分会被隐藏掉，这时高度要把握好。如果你想在主页面滚动能看到iframe页面隐藏的内容是不可以的。如果iframe的高度不固定，你也可以通过JS来控制。

回答（3）：

加入以下属性即可：“-webkit-”兼容的话其他内核写其他的

iframe::-webkit-scrollbar {
   width: 0px;
   height: 0px;
}

回答（4）：

假如有这么个iframe:

要实现隐藏垂直滚动条但保留滚动功能，需要在html5-demo.html页面中添加：

千行网址导航

回答（5）：

可以视觉影藏~看你CSS用的好不好了