現(xiàn)象:懸浮窗,寬度由內(nèi)容撐開端考,最大高度固定雅潭,y滾動條;在Chrome下顯示正常却特,在Firefox下有問題扶供。
原因:Firefox在有滾動條時會將滾動條的寬度加到子元素寬度上,但父元素寬度不加裂明;相當于parentWidth + scrollbarWidth === maxChildWidth椿浓,也就導致有樣式問題,設置固定寬度都沒用
解決:目前是用scrollbar-width屬性將滾動條隱藏闽晦,用滾輪進行滾動
Chrome
Firefox
現(xiàn)象:懸浮窗,寬度由內(nèi)容撐開端考,最大高度固定雅潭,y滾動條;在Chrome下顯示正常却特,在Firefox下有問題扶供。
原因:Firefox在有滾動條時會將滾動條的寬度加到子元素寬度上,但父元素寬度不加裂明;相當于parentWidth + scrollbarWidth === maxChildWidth椿浓,也就導致有樣式問題,設置固定寬度都沒用
解決:目前是用scrollbar-width屬性將滾動條隱藏闽晦,用滾輪進行滾動