移动端导航展开后页面无法拖动，如何解决？

学习知识要善于思考，思考，再思考！今天golang学习网小编就给大家带来《移动端导航展开后页面无法拖动，如何解决？》，以下内容主要包含等知识点，如果你正在学习或准备学习文章，就都不要错过本文啦~让我们一起来看看吧，能帮助到你就更好了！

在移动端禁止屏幕拖动

要解决移动端导航展开时后面区域不可拖动的问题，可以采取以下方法：

<header id="header">
    <div class="rxc-wrap el-page-container">
        <nav class="navbar navbar-expand-lg navbar-light fixed-top transition-time-500 font-weight-normal py-3">
            <div class="container">
                <a class="navbar-brand" href="http://localhost:8002">
                    <img src="http://localhost:8002/assets/images/logo.png" class="el-image">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mdb-navbar-collapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="mdb-navbar-collapse">
                    <ul class="navbar-nav ml-auto py-4 py-lg-0"><!-- ... --></ul>
                </div>
            </div>
        </nav>
    </div>
</header>

<section id="demoProfile" class="rxc-wrap">
    <div class="container py-5">
        <h1>演示页面</h1>
        <div class="vh-100"></div>
    </div>
</section>

<style>
body {
    overflow: hidden;
}
</style>

在 标签中添加 overflow: hidden; 样式，即可禁止整个页面的滚动拖动。

今天关于《移动端导航展开后页面无法拖动，如何解决？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！