javascript - divでのみTOP水平スクロールを設定する方法は？

Question

divに上部の水平スクロールを配置する最も簡単な方法は何ですか？

私はこの解決策を見つけましたが、上と下の両方のスクロールが必要です。一番上のものが欲しいだけです。

テーブルの上下にある水平スクロールバー

Answer 1

どうぞ...（許可を得て@ascii-limeから「盗まれた」と答えてください:)

解決策は、オーバーフローを除いて、提供したリンクの解決策と同じです。.wrapper2のCSSにhiddenが追加されています。

$(function(){
    $(".wrapper1").scroll(function(){
    $(".wrapper2")
        .scrollLeft($(".wrapper1").scrollLeft());
});
$(".wrapper2").scroll(function(){
    $(".wrapper1")
        .scrollLeft($(".wrapper2").scrollLeft());
    });
});

更新されたcssは次のとおりです。

.wrapper1, .wrapper2{width: 300px; border: none 0px RED;
overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; }
.wrapper2{height: 200px; overflow: hidden;}
.div1 {width:1000px; height: 20px; }
.div2 {width:1000px; height: 200px; background-color: #88FF88;
overflow: auto;}

そしてHTML：

<div class="wrapper1">
    <div class="div1">
    </div>
</div>
<div class="wrapper2">
    <div class="div2">
    aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd aaaa bbbb     cccc dddd aaaa bbbb cccc dddd aaaa bbbb cccc dddd
    </div>
</div>