mui子页面通过初始化添加到主页面中没有滚动条如何解决

发布于 2022-09-05 06:18:10 字数 843 浏览 19 评论 0

谢谢大家,问题解决了。是html代码结构的额问题,header,nav,<div class="mui-content"></div>标签外面最多只能有一层div,我的外面有两层div,我把最外层注释掉只剩一层或者没有div发现问题解决了~

通过init()初始化页面将子页面home.html添加到主页中去,发现没有滚动条。
//页面初始化
mui.init({

//子页面
subpages: [{
    url:"home.html",
    id:"home",
    styles:{
        top:'45px',
        bottom:'45px',
        width:'100%',
        height:'100%'
    }
}]

});

在火狐上看源代码发现是包裹子页面的<div class="mui-iframe-wrapper">在body的最下面,我把<div class="mui-iframe-wrapper">移到<nav>标签后面发现可以实现滚动了。请问这是什么原因呢?按照官网文档初始化的页面为什么会出现这样的问题?
没有滚动条

有滚动条

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文