修正 fixed menu 在 mobile browser 抖動問題

情境


在手機瀏覽器捲動畫面時,頂部的 fixed menu 會不斷抖動,類似這影片。

ps. 大概是像這樣的情況,但我的狀況比這抖動的還要厲害

解法


程式碼修正,看綠色新增的部份。

關鍵主要是這段程式碼

html, body {
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;
}

相關閱讀


1 Like