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

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

>>阅读原文<<