此寫法主要針對移動端內(nèi)由于使用position:fixed的樣式之后會在某些手機或原生APP中出現(xiàn)不適配的情況的解決方案驾荣。
<div class="container">
? ? <div class="scroll">正文滾動區(qū)域</div>
? ? <div class="nav">導航內(nèi)容</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%;}