これが私がゼロから構築しているサイトです。ある時点で突然、ブラウザのスクロール バーが消えます。それを修正する方法?? 私のウェブサイト
(ctrl + (+)) または (ctrl + (-)) を使用して、Web サイトをズームインまたはズームアウトします。
これが私がゼロから構築しているサイトです。ある時点で突然、ブラウザのスクロール バーが消えます。それを修正する方法?? 私のウェブサイト
(ctrl + (+)) または (ctrl + (-)) を使用して、Web サイトをズームインまたはズームアウトします。
あなたが抱えている問題は、位置が固定されているものがたくさんあることです。
これをゼロから行っている場合は、最初からやり直すことをお勧めします。これをjsfiddleで 3 分で作成しました。これは、今日このようなサイトを構築する方法です。これもモバイル ファーストで開始されます...そのため、いくつかのメディア クエリとレスポンシブ スライダーを使用すると、より強固な基盤が得られるはずです。お役に立てば幸いです。固定配置はコンテンツを流れから引き離し、ブラウザはその「長さ」を認識しないため、スクロールする必要がなくなります。ドリームウィーバーとか使ってる?もしそうなら、私はこれがどのように起こったかを見ることができます。おそらく、html 5 doctype も使用する必要があります。深呼吸して、これをもう一度考えてみてください。
HTML
<header class="global-header">
<div class="inner-w">
HEADER
</div> <!-- .inner-w -->
</header>
<section class="main-content">
<div class="inner-w">
<div class="block">block</div>
<div class="block">block</div>
<div class="block">block</div>
</div> <!-- .inner-w -->
</section> <!-- .main-content -->
CSS
html, body {
margin: 0;
padding: 0;
}
.global-header {
width: 100%;
float left;
min-height: 150px;
margin-top: 20px;
margin-bottom: 20px;
background-color: lightblue;
}
.main-content {
width: 100%;
float: left;
}
.inner-w {
margin: 0 auto;
max-width: 900px;
}
.block {
width: 100%;
float: left;
background-color: #f06;
min-height: 200px;
margin-bottom: 20px;
}
これは、質問を投稿する非常に間違った方法です。しかし、私はあなたのサイトに火をつけて、すべてのものに があることを発見しましたfixed position
。それがあなたがスクロールバーを持っていない理由です。使用relative
位置