同一頁，多個滾動組件交叉滾動處理

最近做一個移動端項目的時候，有一個頁面的需求是在同一個頁面裏，通過導航欄切換出不同的滾動組件，導航欄也要跟着滾動組件一起上下滾動，當導航欄到達頂部時懸浮在頂部，不再隨滾動組件一起滾動了，組件則繼續向上滾動。如圖所示： 進入頁面狀態：    向上滾動：                到達頂部：導航欄懸浮   剛開始結構上導航欄、頂部展示區和底部主體區域是一個滾動整體，判斷滾動距離，當距離大於頂部展示

>>阅读原文<<