分析小米商城左側菜單的佈局和效果實現

小米左側菜單如圖： 也就是說，在沒有點擊左側菜單的時候，背景是一個輪播圖，一旦點擊了左側菜單，或者說鼠標在左側菜單上滑動，那麼就會觸發左側菜單的動畫演示，這次就是來分析動畫演示的具體是怎麼實現的，以及他是怎麼佈局的。 首先在這個區域，可以看見是有兩個部分組成，分別是輪播圖和左側的開始菜單，但是你可以看見因爲這兩個是重疊在一起的，因此可以知道 輪播圖 肯定是使用了 position：absolute

>>阅读原文<<