【问题标题】:Positioning a scrollbar定位滚动条
【发布时间】: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


【解决方案1】:

实际上,您正在寻找的解决方案是我遇到的问题......关于表格中的标题。标题不会随着内部内容左右滚动,我需要它。

不确定您的问题,但您可以尝试在表格中使用页眉和页脚。我从这里刷/借了一些代码来了解固定表头:

http://salzerdesign.com/test/fixedTable.html

在我得到一个垂直滚动条之前效果很好。然后标题保持固定,不会与其余列一起移动。我还没有尝试使用表格页脚...

干杯, 杰夫

【讨论】:

  • 不是我想要的杰夫。请参阅我对原始帖子的评论。
猜你喜欢
  • 2022-01-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-20
  • 2017-03-03
  • 2012-07-08
相关资源
最近更新 更多