body {

background-color:#fbf9fe;

? height:100%;

? width:100%;

}

#app {

height:100%;

? overflow-y:scroll;

? -webkit-overflow-scrolling:touch;

}

.router-view {

padding-bottom:constant(safe-area-inset-bottom);

? padding-bottom:env(safe-area-inset-bottom);

}

H5 部分

對于非固定元素，#app開啟滾動(dòng)，.router-view的內(nèi)容底部加padding,滾動(dòng)到底部時(shí)就可以留一段空間，不會(huì)被小黑條擋住。

對于固定元素，只要相應(yīng)設(shè)定邊距就可以，比如：

????padding-bottom:constant(safe-area-inset-bottom);

????padding-bottom:env(safe-area-inset-bottom);

iOS客戶端

webView要把bounces設(shè)為NO，防止在拖動(dòng)頁面時(shí)，由于scrolllView的彈性，出現(xiàn)頁面露底。