Layui如何去掉iframe中的双层滚动条?

岁月悠悠，衰微只及肌肤；热忱抛却，颓唐必致灵魂

---

场景：

layui的菜单栏在a标签中，右侧指向iframe框架，这时出现了两个滚动条，一个是主体页面的滚动条，另一个是iframe内嵌的滚动条。

---

iframe具体代码实现：

a标签中名为 “content_iFrm” 的 target 指向iframe：

iframe 的 src 跳转到后台进行页面显示：

---

解决思路：

1. iframe放在div标签中
2. div 标签引用 css为 layui-body 的样式

我们去页面上按下F12，选中选择器箭头，点击多余的滚动条，右侧style中的over-flow-y属性为auto。

我们把div标签加上

让其覆盖layui-body中的属性，再重新看一下页面

大功告成！

PS：IDEA可以在页面中按ctrl+shift+F9让页面重新编译，无需重启。如果页面效果没变，清一下缓存。