鍍金池/ 問答/HTML5  HTML/ 底部導(dǎo)航欄樣式切換效果，如圖該怎么寫？

底部導(dǎo)航欄樣式切換效果，如圖該怎么寫？

clipboard.png

這里的彈出該如何處理？才比較穩(wěn)妥？
目前的想法是：
方案一：js控制模塊點(diǎn)擊的display:block/none屬性
方案二：js動(dòng)態(tài)創(chuàng)建點(diǎn)擊出現(xiàn)的紅框內(nèi)的內(nèi)容

沒什么經(jīng)驗(yàn)，還望各位大佬給個(gè)建議或者思路~不勝感激~^_^

回答
編輯回答
拽很帥

方案一，或者改變點(diǎn)擊按鈕區(qū)域的 overflow 屬性

2017年12月18日 18:27
編輯回答
孤島

看你想要什么效果決定，方案二不要考慮。

如果你想做淡出（配合控制opacity屬性）或突然出現(xiàn)，方案一可以實(shí)現(xiàn)
如果你想做個(gè)按鈕浮上來的效果，使用js控制css的translate。

2017年9月5日 02:26