内置固定元素的可滚动div

时间:2013-06-04 10:01:19

标签: jquery css html positioning

请看一下这个jsfiddle:http://jsfiddle.net/devboell/kjFps/

我需要创建一个div,其内容将水平和垂直溢出。 还需要一个能够水平滚动但仍保持垂直固定的元素。

解释代码:

  • 有一个主container div,起初我有一个background div,其大小是x和y方向container的两倍。
  • scale div是应始终在container顶部显示的元素,但应水平滚动。
  • 我的想法是在backgroundbackgroundHorizontal中划分backgroundVertical div,然后将scale绝对放在backgroundHorizontal
  • 仍然在向下滚动时,backgroundVertical向上推动scale并离开视野。

还有一个要求,虽然我不想同时提出两个问题,但我想我应该提一下,因为它可能会影响这个问题的解决方案。要求是垂直滚动条应该始终可见,而不仅仅是当你向右滚动时,就像现在一样。

提前致谢!

1 个答案:

答案 0 :(得分:1)

我遇到了类似的问题,并且可以说根据规格它不可能有div可滚动的水平,并且一​​次垂直固定。

我使用的解决方案如下: 1.将元素位置设置为绝对值;

$。('container')。on('scroll',function(){

$('。inside-element')。css('left',$。('container')。scrollLeft())

})