导航侧栏布局

时间:2011-01-06 11:16:00

标签: jquery jquery-ui html

我正在设计一个带有以下侧栏的网站

(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中的accordion函数(除了侧栏之外。显然),所以他们扩展和收缩以显示内容。

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

1 个答案:

答案 0 :(得分:0)

决定使用以下布局,然后在用户输入时使用ajax重新加载accordion(div)下方的区域:

(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手风琴而不是静音,因为所需的div results高度可以通过从文档/窗口的高度减去手风琴的高度来推断