layui iframe跳转页面内容显示不完全

最新推荐文章于 2025-04-21 15:39:52 发布

wenshui147258

最新推荐文章于 2025-04-21 15:39:52 发布

阅读量4.4k

点赞数

分类专栏：随笔文章标签： layui iframe

本文链接：https://blog.youkuaiyun.com/wenshui147258/article/details/81267824

版权

随笔专栏收录该内容

10 篇文章

订阅专栏

本文解决了一个关于layui框架中iframe内部元素被遮挡的问题。通过调整iframe的scrolling属性为yes，解决了按钮被遮挡且无法通过滚动条查看的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写后台的，对前端不是特别熟悉，做了一个页面发现页面内容显示了一部分，下面的提交按钮别遮住了，layui下拉滚动条也拉到底了

看到网上很多说，页面中的body体中的class="layui-layout-body"即可，layui的layui-body样式是overflow:hidden截取了

但是我这个并不是弹出层，只是使用iframe跳转了，所以方法不适用。

仔细调试发现是因为，当初写页面的时候，直接复制粘贴别人的代码，所以前端 iframe中把 “scrolling” 的属性设置为了“no”，改为“yes”即可

 <div class="layui-body" >
                <!-- 内容主体区域 -->
                <div style="padding: 15px;height:100%"><%--./allTable/AllTypeNews.html--%>
                    <iframe id="option" name="option" src="News/AddNewsKinder.aspx" scrolling="no" frameborder="no" width="100%" height="100%"></iframe>
                </div>
                <%------------------------------------table----------------------------------------------%>
            </div>