1. 程式人生 > >【bug】—— H5頁面在 ios 端滑動不流暢的問題

【bug】—— H5頁面在 ios 端滑動不流暢的問題

IOS系統的慣性滑動效果非常6,但是當我們對div加overflow-y:auto;後是不會出這個效果的,滑動的時候會感覺很生澀。怎麼辦?

方案一:

在滾動容器內加-webkit-overflow-scrolling: touch

但這個方案有一個問題,在頁面內具有多個overflow:auto的情況下,那些具有 絕對定位(absolute, fixed) 屬性的元素,也會跟著滾動。

方案二:

body {overflow-x: hidden}

即,給 body 元素新增overflow-x:hidden。然後在滾動容器內加overflow-y: auto