2016-07-23 5 views
0

を表示するために使用した後、私はこのサイトで構築しました:http://dabble.market/cms/は100%の幅&高さにbackgound divのをキープJSは、より多くのコンテンツ

を、それはだとしてすべてのコード(HTML、JS、CSS)は1つのHTMLページに追加されましたWordPressで "Coming Soon"プラグインを利用しました。サイトを表示してソースを表示すると、ページのコード全体が表示されます。

ページ上には、緑色の下向き矢印があります。クリックすると、ロゴを縮小するJSエフェクトが使用され、コンテンツを含む読み込み時に非表示になるフルスクリーンdivのテキストがフェードインされます。このフルスクリーンdivは、背景を設定するdivの子要素ではありません(背景を設定するdivはGoogleマップのプラグインを使用して地図を背景として設定します)。

最初に非表示になっていたdiv内のコンテンツが表示されると、コンテンツが高さと幅を設定するdivの境界をオーバーフローし、垂直スクロールバーが追加されます。私の質問はこれです。背景のdivの境界の外側にコンテンツをプッシュせずに、このコンテンツを背景に合ったdivの幅/高さに合わせる方法がありますか?私はまだスクロールバーを保持したい - 私はちょうどその中のコンテンツを持つdivが背景に100%の幅と高さに残っている間、スクロールすることができます。私はそれが理にかなってほしいと思います...?

モバイルデバイスでは、Googleマップはdivのバックグラウンドとして残っていますが、モバイルデバイスでは下にスクロールすると表示されますが、コンテンツのdivはマップ/背景を大幅にオーバーフローします。

任意の助けいただければ幸いです:)

答えて

1

をこの

.fullScreen { 
    overflow: auto; 
} 

を試してみてくださいあなたは、100%の高さを親のdivを設定している、とあなたはその子をスクロール可能にしたいです。親のoverflowautoまたはscrollに設定する必要があります。

+0

伝説。それが何か単純なものになることが分かっていた!ありがとう。 – Cactusman07

関連する問題