0

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

我需要制作一个 div，其内容会水平和垂直溢出。还需要有一个元素可以水平滚动，但垂直保持固定。

解释代码：

  • 有一个主containerdiv，起初我有一个div，它是x 和 y 方向background大小的两倍。container
  • scalediv 是应始终在 顶部可见的元素，container但应水平滚动。
  • 我的想法是将backgrounddiv 划分为backgroundHorizontaland backgroundVertical，然后将scale绝对定位在backgroundHorizontal.
  • 仍然，向下滚动时，会向上backgroundVertical推scale并移出视野。

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

提前致谢！

4

1 回答 1

1

我遇到了类似的问题，并且可以说根据规范不可能让 div 水平滚动，并且一次垂直固定。

我使用的解决方案是：1.将内部元素位置设置为绝对；

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

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

})

于 2013-06-04T10:16:40.240 回答