スクロールを有効にする

Question

私はCSSでスクリプトを持っています。私は大きな決議をしたコンピュータでこのスクリプトに問題はありません。しかし、1024 x 768以下のような画面解像度を持つユーザーは、htmlページに問題があります。スクリプトはページの50％のように表示され、ユーザーはページの他の50％を見るためにスクロールできません。

はどうすれば解決できる。この

これはCSSで私のコードです：

#contact2 { 
    padding-top: 0px; 
    padding-bottom: 0px; 
    background-color: black; 
    background :url(../images/contact-bg.jpg); 
    position: fixed; 
    top: 0; 
    left: 0; 
    min-width: 100%; 
    min-height: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

#contact-us2 { 
    padding-bottom: 90px; 
} 

私はoverflow: scroll;要素を追加しようとしましたが、これが唯一のスクロールバーが表示されます。スクロールはまだ無効です。

Answer 1

あなたは私がオーバーフローを追加しようとしました、次の

@media only screen and (max-width: 1024px) { 
    /* put here specific css for mobile */ 
    #contact2 { 
     position: relative 
     overflow:auto; 
    } 

    #contact-us2 { 
    } 
} 

Answer 2

ように、あなたのCSSファイルの末尾に特定のスタイルのセクションを定義する必要があります：スクロール;要素はスクロールバーのみを表示します

コンテンツは「contact2」divに収まり、スクロールする必要がないために起こります。

第2の問題は、divにmax-heightとmax-widthプロパティを設定していないことです。 'min-height'とは、コンテンツがない場合でもdivが持つべき高さを定義することです。しかし、コンテンツがdiv内に収まらない場合、divがサイズ変更されるのを止めることはありません。それがあなたのoverflow: scrollが機能していない理由です。あなたはスクロールバーを表示したくない場合は

#contact2 { 
    padding-top: 0px; 
    padding-bottom: 0px; 
    background-color: black; 
    background :url(../images/contact-bg.jpg); 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

#contact-us2 { 
    padding-bottom: 90px; 
} 

：

最善の解決策は、あなたのコードから「最小幅」「高minから」とちょうどこのwidthとheightを入力取り除くことであろうあなたのコンテンツがdiv内に収まるようになり、スクロールする必要がない場合は、メディアクエリを使用できます。

https://www.w3.org/TR/css3-mediaqueries/

私はこれがあなたを助け願っています。以下にコメントしてみてください。私は何ができるかを見ていきます。