iframe滚动条影响外部

iframe滚动条可能会影响外部页面的美观性和用户体验。当iframe内部和外部都有滚动条时，会导致页面显示不协调。因此，为了解决这个问题，可以考虑禁用iframe的滚动条，并根据iframe内容的动态设置iframe的宽度和高度。这样可以有效避免滚动条对外部页面的影响。

一种常见的方法是在iframe标签中设置属性frameborder="0"和scrolling="no"，这样可以去掉iframe内部的滚动条。但是，有时候在多个iframe中使用这些属性后，仍然会出现多余的滚动条。为了解决这个问题，可以在父页面中设置body属性，使用CSS样式 body::-webkit-scrollbar { display:none }，这样可以隐藏多余的滚动条。

举个例子，原始的iframe代码如下：
<iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100px" data-id="/webindex/titletop" th:src="@{/webindex/menubar}"></iframe>
<iframe class="RuoYi_iframe" name="iframe1" width="100%" height="150px" data-id="/webindex/searchlist" th:src="@{/webindex/searchlist}"></iframe>

通过在父页面的CSS样式中添加body::-webkit-scrollbar { display:none }，可以去掉多余的滚动条，确保页面显示的整洁和美观。<span class="em">1</span><span class="em">2</span><span class="em">3</span>