0

重複の可能性:
CSS - 水平スクロールバーのみを使用する

私はまだHTMLを使用するのに比較的慣れていませんが、レイアウトを作成しようとしています.370px x 199pxの高さのdivが必要で、水平スクロールバーのみが必要です。

これは私が取り組んでいるコードです。

<div class="camodule" style="position: absolute; left: 727px; top:202px; width: 370px; height:199px; overflow: auto;"> 
    Images that go here are (h)199px by (w)119px
</div>

水平スクロール バーのみを表示するには、何を変更する必要がありますか?

[編集]異なるサイズのボックスがあり、そのうちの 2 つのボックスのみを水平方向にスクロールしたいということです。(h)199px x (w)119px の写真をまとめて流したいので、複数の画像 (6) を並べて修正しようとしました。しかし、コンテンツを表示すると、div に入れた 6 つの画像のうち 3 つしか表示されません。

これはコード全体であり、6 つの画像などを使用して一緒にスクロールするために使用しようとしているコンテンツが含まれています。

これは、私が現在取り組んでいる正確なコードであり、ご覧のとおり、機能していません。私が持っているすべてのボックスのサイズが異なるわけではなく、2 つのボックスのスクロール バーのみが必要です。私は自分が達成しようとしていることを見てきました。

4

4 に答える 4

1

overflow-x内側のダイビングを外側の div よりも長く設定し、プロパティとプロパティを個別に設定する必要がありoverflow-yます (既存のオーバーフロー ルールを削除します)。

jsFiddle の例

<div class="camodule" style="position: absolute; left: 10px; top:10px; width: 370px; height:199px;-ms-overflow-x: auto; overflow-x: auto;overflow-y:hidden;-ms-overflow-y: hidden; "><div style="width:1000px">Your long content here.</div></div>​
于 2012-09-17T01:34:22.507 に答える
1

HTML

<div class="camodule" style="overflow-x: hidden; overflow-y: scroll; position: absolute; left: 727px; top:202px; width: 370px; height:199px;"></div>

プロパティoverflow-xは、水平スクロールをoverflow-y制御し、垂直を制御します。

CSSスタイルシートや style タグを使用すると、作業も簡単になります。

.camodule {    
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    left: 727px;
    top:202px;
    width: 370px;
    height: 199px;    
}
于 2012-09-17T01:42:51.273 に答える
1

おそらく CSS を外部スタイル シートに切り替える必要があります。例はこちら。

HTML

<div class="camodule">
    <div class="camoduleContent">
        Content That Scrolls
    </div>
</div>​

CSS

.camodule{
    position: absolute;
    left: 10px;
    top:10px;
    width: 370px;
    height:199px;
    -ms-overflow-x: auto;
    overflow-x: auto;
    overflow-y:hidden
}
.camoduleContent{
    width:1000px;
}

​
于 2012-09-17T01:57:02.860 に答える
0

オーバーフローを に変更できるはずです。overflow-x: scroll; overflow-y: hidden;一部のブラウザーでは y スクロールが引き続き表示される場合がありますが、グレー表示されます。

于 2012-09-17T01:35:40.120 に答える