0

ページ全体が縦長 (3000 ピクセル以上) で、ページの一部が元のページ幅を超えて右にスクロールできるページを作成しようとしています。私はしばらくの間答えを探していましたが、それを正しく機能させることができないようです。

基本的に、ページは幅 1024 ピクセルでのみ表示するように設定されています。ページのほぼ半分で、幅 4000 ピクセル、高さ 768 ピクセルをすべてスクロールする必要があります。ユーザーがその部分を超えると、幅は元の 1024 ピクセルに戻ります。要するに私はT字路のようなものです。

HTML、CSS、JavaScript、jQuery しか使えません。

4

1 に答える 1

2

オーバーフロー CSS プロパティを使用すると、スクロール バーを div 内に直接埋め込むことができます。2 番目のセクションのコンテンツを広くし、このプロパティを使用してページを作成できます。

HTML :

<section>
    <div class="wider">
        <!--Your wider content-->
    </div>
</section>

CSS:

section{
    overflow-x: scroll;
    overflow-y: hidden;
}

.wider{
    width: 200%;
}

ここにデモがあります：http://jsfiddle.net/y42Dw/

于 2013-11-08T10:16:32.600 に答える