2011-01-06 167 views
1

我设计一个网站用下面的边栏导航边栏布局

(div width=300px) sidebar 
> (div) Create New Client 
    > (button) New Client 
> (div) Search 
    > (input text) search_text 
    > (button) submit 
    > Client 01 
    > Client 02 
    > Client 03 
    > ... 
> (div) History 
    > Action 01 
    > Action 02 
    > Action 03 
    > ... 

所有div标签链接到手风琴功能jQueryUI的(除了侧边栏之一。很明显),使他们膨胀和收缩揭示内容。

我的问题是这样的。 client div将显示约50个客户端,history div将显示约20个操作。如何确保手风琴使用页面的整个高度(如果需要,使用滚动条),并且不会将内容从底部页面下移?

回答

0

已经决定使用下面的布局,然后有手风琴下面的区域(格)重新加载在用户类型,用ajax:

(div width=300px) sidebar 
> (div) Create New Client 
    > (button) New Client 
> (div) Search 
    > (input text) search_text 
    > (button) submit 
> (div) History 
    > (radio buttons/textfields) History Options 

(div) Results 
    > Client 01/Action 01 
    > Client 02/Action 02 
    > Client 03/Action 03 
    > ... 

这一切都使我的问题关于扩大jQuery的手风琴,而静音因为需要的高度可以通过从文件/窗口的高度减去手风琴的高度来推断