【发布时间】:2014-11-18 05:25:21
【问题描述】:
好的,这是我的困境,我希望我能很好地解释这一点,因为我现在没有可以发布的示例,但如果需要,我会做一个。
假设我有一个 div 容器(外部 div),它有一个标题 div、另一个内容容器(内部 div)和一个页脚 div。所以外层div有固定的宽高,内层div适合外层div的宽度但有一个可以溢出的高度。因此,外部 div 有一个垂直滚动条来上下滚动它的内部内容(页眉、容器和页脚),而内部 div 容器的内容可以具有可变高度,但由于固定宽度需要滚动条左右移动它的内容。
这种情况下的困境是,有时内部内容会溢出外部 div,因此我必须向下滚动才能到达内部内容区域的滚动条才能左右移动。有没有办法可以在外部 div 的底部放置一个滚动条来控制内部 div 内容的左右移动,但不移动外部 div 内部内容的页眉和页脚?
希望我解释得足够清楚。
丹B
【问题讨论】:
-
您知道,在您用文字解释代码的过程中,您可能已经编写了一个易于阅读的示例。
-
请访问 jsFiddle.net 并使用您心目中的 HTML 制作一个示例,以便我们更好地帮助您。
-
这是我用我正在使用的代码部分构建的小提琴。 jsfiddle.net/nbeuko3v/embedded/result 如您所见,右侧有一个垂直滚动条,用于移动页眉和页脚分页器和内容表。如果向下滚动到页脚分页器的正上方,您会看到左右移动数据表内容的水平滚动条。我需要一个 JS 技巧来在主容器 div 的底部放置一个滚动条,该滚动条将左右滚动数据表的内容,而不是页眉和页脚分页器。
-
@DanBemowski 这就是你要找的东西:jsfiddle.net/6108f3pr ?
-
@sergio,不完全是。基本上我不想向下滚动才能到达水平滚动条。也许有一种方法可以通过 CSS 做到这一点,但我知道有一些脚本可以使用 mootools/javascript 进行自定义滚动条。我在想可能有一种方法可以将保持静态的滚动条链接到外部 div 的底部以控制内部 div 内容。
标签: javascript html css mootools