利用定位與transform實現鏡像子菜單

遇到的需求是頁面中部有一個導航欄，要求豎向位置在下半部分時，鼠標移入子菜單出現在上方，反之出現在下方。 寫了一個簡單的demo用來表達效果： 原理是通過子菜單ul 絕對定位後的 bottom屬性設置100%達到讓子菜單移動到上方。（bottom：0px；效果相同）。 接着翻轉子菜單ul，再翻轉子菜單的li ，就實現了鏡像子菜單。 這裏我是做的鼠標移入直接觀察效果，實際項目中還需要判斷滾動條位置來修

>>阅读原文<<