多級菜單和滾動條共存overflow問題

前天,在學習中遇到一個問題,要實現一個多級菜單,且每級菜單都有滾動條,這時我想使ul元素overflow-x爲visible,而overflow-y爲auto,但發現設置以後並沒有按照想像中的生效,x和y方向都變爲了auto,最後發現是CSS規範這樣限制的

“ overflow-x”和“ overflow-y”的計算值與它們的指定值相同,除了不可能與“ visible”進行某些組合:如果將一個指定爲“ visible”而另一個指定爲“ scroll”或“自動”,然後將“可見”設置爲“自動”

最後參考這篇文章解決了問題 https://css-tricks.com/popping-hidden-overflow/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章