2012-07-23 106 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