菜單從圖像

-2

我一直在尋找一種方法，使菜單的底部上升，從菜單欄上升圖片下方的菜單從圖像

enter image description here

我想它所以當你點擊一個箭頭菜單將打開並部分覆蓋圖像，而不會影響頁面中其他元素的位置。

我正在努力尋找一種方法來做到這一點。在這裏張貼的理由不是一個完整的解決方案，但認爲可能有人可以指引我在正確的方向。例如，這是否有名字？任何jQuery插件可能有幫助？

我試圖重新使用slideUp（）和slideDown（）的這種影響，但我無法讓它做所需的影響。我也嘗試使用手風琴，但無法獲得這種效果。

任何幫助將不勝感激。

來源

2015-03-02 Neil

這不是StackOverflow的工作原理。通常情況下，你必須嘗試一些東西，如果你被卡住了，請告訴我們你的代碼。但是，作爲一個提示，我將菜單定義爲'position：absolute'，這樣它就變成了「free」，並且在移動時不會影響其他任何東西。然後你可以通過改變「底部」屬性來設置它的動畫效果。 – 2015-03-02 15:42:24

我認爲'top'或'height'屬性會更好。儘管如此，還是有很多自下而上的菜單可供參考。 – isherwood 2015-03-02 15:43:11

如果你想去'position：absolute'路線，還有一條建議：確保你將圖像和你的菜單包裹在一個具有'position：relative'的元素中。否則，菜單將根據最近的非靜態元素進行定位，這可能與整個視口一樣遠。 – 2015-03-02 15:46:05

如果最初提交按鈕需要出現在頁面底部的菜單：

嘗試設置position: absolute;和bottom:0px;與定義的高度。

然後爲箭頭標記綁定一個點擊事件。

在點擊事件的回調函數：

使用jQuery.animate功能，改變高度和CSS的頂級性能。

如果您不想要任何動畫，甚至可以更好地切換底部欄的CSS類。

來源

2015-03-02 15:54:12 mohamedrias

回答

相關問題