Question

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

(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个操作。如何确保手风琴使用页面的整个高度（如有必要，使用滚动条）并且不会将内容从底页推下来？

Answer 1

决定使用以下布局，然后在用户输入时使用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高度可以通过从文档/窗口的高度减去手风琴的高度来推断

导航侧栏布局

1 个答案: