2

多くのテキストを含むコンテナーがありますが、コンテナーを固定したままにしておきたいです。コンテナはすべてのテキストを保持しているわけではありません.divの上部のテキストが上部からあふれて非表示になっている間、下からあふれているテキストを固定divに移動するスクロールが必要です。

基本的に、コンテナを固定したいのですが、固定コンテナの高さだけでなく、ウィンドウのスクロールバーがテキストの全長を占めるようにします。

#text-container {
   position: fixed;
   height: 300px;
   width: 400px;
   background: cyan;
}

http://jsfiddle.net/YEz5h/

必ずしも直接的な解決策が必要なわけではありませんが、正しい方向に向けられることを望んでいます。オーバーフロー スクロール バーは必要ありません。メイン ウィンドウのスクロール バーでテキストの移動を制御して表示できるようにしたいと考えています。

4

3 に答える 3

3

少しの jQuery で実行できます。with position relativeにinner を追加しますdiv#text-container次に、ウィンドウがスクロールされるタイミングをリッスンし、bottomcss の位置を次のように更新します。scrollTop

$('#text-container').wrapInner('<div></div>');
$(window).on('scroll', function(){
    $('#text-container > div').css('bottom', $(window).scrollTop());
});

http://jsfiddle.net/YEz5h/3/

于 2013-09-20T05:18:41.867 に答える
0

JS フィドルを確認する

http://jsfiddle.net/YEz5h/2/

#text-container {
    position: fixed;
    max-height: 300px;
    width: 400px;
    background: cyan;
    overflow-y:scroll;
}
于 2013-09-20T04:27:33.160 に答える