请看一下这个jsfiddle:http://jsfiddle.net/devboell/kjFps/
我需要创建一个div,其内容将水平和垂直溢出。 还需要一个能够水平滚动但仍保持垂直固定的元素。
解释代码:
container
div,起初我有一个background
div,其大小是x和y方向container
的两倍。scale
div是应始终在container
顶部显示的元素,但应水平滚动。background
和backgroundHorizontal
中划分backgroundVertical
div,然后将scale
绝对放在backgroundHorizontal
。backgroundVertical
向上推动scale
并离开视野。还有一个要求,虽然我不想同时提出两个问题,但我想我应该提一下,因为它可能会影响这个问题的解决方案。要求是垂直滚动条应该始终可见,而不仅仅是当你向右滚动时,就像现在一样。
提前致谢!
答案 0 :(得分:1)
我遇到了类似的问题,并且可以说根据规格它不可能有div可滚动的水平,并且一次垂直固定。
我使用的解决方案如下: 1.将元素位置设置为绝对值;
$。('container')。on('scroll',function(){
$('。inside-element')。css('left',$。('container')。scrollLeft())
})