此写法主要针对移动端内由于使用position:fixed的样式之后会在某些手机或原生APP中出现不适配的情况的解决方案。

<div class="container">

    <div class="scroll">正文滚动区域</div>

    <div class="nav">导航内容</div>

</div>

html,body,.container {width: 100%;height: 100%;overflow: hidden;}

.scroll {width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}

.nav {display: block;position: absolute;bottom: 0;left: 0;width: 100%;}