頁面中用到fixed固定底部面板區(qū)域, 但是在vue router動畫中會出現(xiàn)位置抖動(因為存在多個不同底部面板, 無法把面板移出transition), 具體就是頂部緊跟著內(nèi)容高度而不是固定在視圖下方, 查了下發(fā)現(xiàn)是tansfrom的標(biāo)準(zhǔn)所致

想著既然fixed布局有這個問題那我用absolute布局配合事件來實現(xiàn)吧, 滾動時改變bottom, 但是實現(xiàn)出來的效果非常生硬, 達(dá)不到fixed的流暢程度, 代碼如下

    window.onscroll = () => {
      this.$refs.panel.style.bottom = -document.documentElement.scrollTop + 'px'
    }

想看看大家有沒更好的解決方法

具體問題請看
https://jsfiddle.net/cL5q0b0m...