在网站开发过程中，如果直接去掉了iframe的滚动条的话会导致不能滚动！ 那么有什么办法可以实现去掉滚动条后依然能滚动呢？下面小编将6个步骤和大家演示！（注：例子代码只是为了方便演示，可以根据实际情况进行修改）
工具/原料
1
电脑
2
网站开发工具：HbuilderX
方法/步骤
1
打开网站开发工具新建一个HTML页面
2
编写HTML代码核心代码：
3
编写CSS代码核心代码：.iframe-wrap{ position: relative; overflow: hidden; width: 300px; height: 150px; background: #eee; } .iframe{ width: 100%; border: none; position: absolute; right: -20px; top: 0; bottom: 0; overflow-x: hidden; overflow-y: scroll; }
5
给iframe页面添加修饰样式核心代码：p{ height: 50px; line-height: 50px; font-size: 16px; }
6iframe去掉滚动条依然能滚动的方法
打开浏览器浏览刚才我们制作的页面，测试效果（可以使用滚轮和键盘上下键进行测试） 我们可以发现页面上没有滚动条，而且iframe依然可以滚动！完整代码：
注意事项
1
开发工具可以根据自己喜好使用！这里不受限制！
2
核心方法：overflow: hidden; 将滚动条裁剪掉，而不是禁止
下一篇：怎样判断外汇市场的盈利标准