0

我需要用 HTML、CSS3 和 JavaScript 创建一个工具。它将包含一些水平和垂直滚动条,以便正确查看所有内容,保持某些元素的固定大小。这是试图解释我想要什么的布局 在此处输入图像描述

所以,我有一个包含#left#right DIV 的#main DIV。左 DIV 包含两个 DIV,右 DIV 包含另外 2 个 DIV。现在,我想创建一个垂直滚动条 (vscroll1) 来上下滚动#content#menu DIV(同时,就像它们在同一个 DIV 中一样)。另一方面,我希望水平滚动条(hscroll2)同时通过#content#left_top_div向左和向右滚动,就像它是相同的内容一样。

我想我可能有两种方法:一些 CSS+HTML 技巧或使用 JavaScript。现在,如果将滚动条附加到#leftdiv ( overflow:auto),它将根据我的需要滚动#left_top_div#content(它包含的DIV),但垂直它只会滚动#content,而不是#menu DIV。所以,这是个问题。我可以在事件中使用 JavaScript.onscroll()来更改#menu topMargin,但是会有一点延迟,看起来不太好。你建议我怎么做?我只需要一些技巧或技术(好吧,一些示例代码也值得赞赏)。感谢大家,至少,阅读我所有的问题。

4

1 回答 1

1

默认情况下,将所有 div 的 CSS 溢出设置为“隐藏”。然后...

将 #menu 和 #content 包装在一个固定高度的 div 中overflow-y: scroll;

然后使用 #menu 和 #content 固定宽度的 divoverflow-x: scroll

于 2012-09-04T17:16:15.617 回答