我需要用 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,但是会有一点延迟,看起来不太好。你建议我怎么做?我只需要一些技巧或技术(好吧,一些示例代码也值得赞赏)。感谢大家,至少,阅读我所有的问题。