微信小程序菜單欄吸附功能發生抖動的優化方案

效果圖 WXML結構 WXSS代碼 在進行滾動時，爲了防止屢次給元素添加class，咱們須要判斷當前是否已是吸附狀態，若是是就沒必要重複添加。 從WXML中能夠看到，菜單欄是否吸附是根據isSticky變量判斷的，當頁面滾動到菜單欄和header的交界點時，會發生明顯的抖動，這是由於菜單欄從標準文檔流變成position:fixed狀態時，本來的頁面高度發生了改變，頁面的滾動位置也會隨着改變，所以

>>阅读原文<<