0

この jsfiddle をご覧ください: http://jsfiddle.net/devboell/kjFps/

コンテンツが水平方向と垂直方向の両方でオーバーフローする div を作成する必要があります。水平方向にスクロールする要素も必要ですが、垂直方向には固定されたままです。

コードを説明するには:

  • メインのdivがあり、最初はx方向とy方向のサイズが2倍のcontainer単一のdivがありました。backgroundcontainer
  • scalediv は常に の上部に表示される要素ですが、水平container方向にスクロールする必要があります。
  • background私の考えは、 div を abackgroundHorizontalとに分割し、絶対に にbackgroundVertical配置することでした。scalebackgroundHorizontal
  • それでも、下にスクロールすると、上にbackgroundVertical押し出さscaleれて見えなくなります。

さらに要件があり、同時に 2 つの質問をしたくはありませんが、この問題の解決に影響を与える可能性があるため、言及する必要があると思います。要件は、現在のように右端までスクロールしたときだけでなく、垂直スクロールバーが常に表示されている必要があることです。

前もって感謝します！

4

1 に答える 1

1

私は同様の問題に直面しており、仕様によれば、divを水平方向にスクロール可能にし、一度に垂直方向に固定することは不可能であると言えます。

私が使用した解決策は次のとおりです。1.要素の位置を絶対に設定します。

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

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

}))

于 2013-06-04T10:16:40.240 に答える