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

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

Html/CSS JavaScript

拉丁的傳說 2018-08-18 16:19:35

這里的彈出該如何處理？才比較穩(wěn)妥？目前的想法是：方案一：js控制模塊點擊的display:block/none屬性方案二：js動態(tài)創(chuàng)建點擊出現(xiàn)的紅框內(nèi)的內(nèi)容沒什么經(jīng)驗，還望各位大佬給個建議或者思路~不勝感激~^_^

查看完整描述

2 回答

RISEBY

TA貢獻1856條經(jīng)驗獲得超5個贊

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

反對回復(fù) 2018-08-19

長風(fēng)秋雁

TA貢獻1757條經(jīng)驗獲得超7個贊

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

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

反對回復(fù) 2018-08-19

關(guān)注