ページスクロール、ページの一部が水平である間にページを垂直に保つ

ページ全体が縦に長い（3000ピクセル以上）ページを作成しようとしていて、ページの一部が元のページ幅。私はしばらくの間答えを探していたので、正しく動作するようには見えません。ページスクロール、ページの一部が水平である間にページを垂直に保つ

基本的に、ページは1024ピクセルの幅で表示するように設定されています。私は4000ピクセルのすべての幅をスクロールし、768ピクセルの設定された高さを持っているページの約半分のところで私はしたい。ユーザーがその部分を過ぎると、幅は元の1024ピクセルに戻ります。要するに私はT交差点のようなものです。

私は、HTML、CSS、javascript、およびjQueryしか使用できません。

出典

2012-04-30 Felix Creencia

それは実際に実行することはできません。あなたが喜ぶときはいつでも、ドキュメントのサイズを任意の方向に変更することはできません。しかし、何かが可能であり、異なるレベルのスクロールバーを制御することによって、ドキュメントがTであるという錯覚を作り出すことができます。特にjQueryの 'on（ 'scroll'、function（）{}）'と 'scollTop'プロパティについては、スクロールに関する他の質問を見てください。それらを制御することで、ドキュメントのさまざまなレベルでオーバーフロープロパティを変更できます。 – adeneo

このアイデアを考え直し、iframeタグの使用について考えました。指定されたフレーム内でスクロールを使用できるようにします。私の問題は前にiframeを使ったことがないことです。これはまだ新しく、正しくコード化されているようには見えないので表示されます。返信いただきありがとうございます:)誰かがこれを行う方法を持っているかどうかを確認します。視差のスクロールも見ていました。 –

オーバーフロー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-08 10:16:32

ページスクロール、ページの一部が水平である間にページを垂直に保つ

答えて

関連する問題