2012-07-23 73 views
0

所以我有一個工具欄,有一個更多的按鈕。點擊時,一個大面板用jquery購買。唯一的問題是工具欄和大面板都必須固定在頂部。因此,面板在打開時不會按下工具欄。點擊時,面板應位於工具欄上方的頂部,並且應該按下工具欄。滾動時,兩者都應該粘貼在頁面的頂部位置:需要固定。一個固定的div推下另一個固定的div在頂部:0

這是簡化的jsfiddle

+0

你希望工具欄被貼到頂部或推?因爲你在說明中改變了兩次想法。 – 2012-07-23 14:38:34

+0

你應該嘗試提高你的接受率。 [閱讀](http://meta.stackexchange.com/questions/16721/how-does-accept-rate-work) – albertjan 2012-07-23 14:55:56

回答

3

通過動畫成員欄的頂部以及子菜單的slideDown。像這樣:

fiddle

$('#more').toggle(function() { 
    //show its submenu 
    $('.large').slideDown(500); 
    $('.membersbar').animate({ top: '+=150' }, 500); 
}, function() { 
    //hide its submenu 
    $('.large').slideUp(500); 
    $('.membersbar').animate({ top: '-=150' }, 500); 
});​ 
+0

也許他想讓更多的按鈕一起滑動? :) – 2012-07-23 14:41:12

+0

是啊我知道hehe像這樣:P – albertjan 2012-07-23 14:42:04

+0

是:)我也是,但你是第一個......幹得好:) – 2012-07-23 14:43:47