Question

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

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

Answer 1

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

2、编写HTML代码，核心代码：<div class="iframe-wrap"><iframe src="iframe.html" class="iframe-box"></iframe></div>。

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

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

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

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

Answer 2

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

追问

用CSS真的不可以吗，只是单纯隐藏滚动条，依然滚动

追答

你把滚动条隐藏了，你怎么滚动？如果你非得要这种效果，可以这样做，在iframe外面加个DIV，这个DIV的宽度正好比里面的iframe的宽度要小一个滚动条的宽度，高度一致，并把DIV的CSS样式设置overflow:hidden。个人认为不符合实际，你自己去尝试下。

Answer 3

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

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

Answer 4

假如有这么个iframe:

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

<style type="text/css">
html::-webkit-scrollbar {display:none}
</style>

千行网址导航

Answer 5

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