Как остановить прокрутку содержимого под фиксированным заголовком?
Есть обертка.
затем заголовок 10%;
затем
раздел:
мин-высота: 80%;
высота авто;
скриншот —> Это перекрытие происходит под заголовком
когда я прокручиваю, содержимое идет под заголовком.
Я хочу, чтобы на этом все остановилось …
Скриншот —> Это нормально
#wrapper{
position:absolute;
padding-top:50px;
height:100%;
width:100%;
top:150px;
left:0;
margin:0;
border:2px soild green;/**/
}header {
position:fixed;
top:0;
left:0;
background-color:#2e72ce;
float:top;
color:black;
text-align:center;
margin:0;
opacity:0.4;
padding:0px;
overflow-x:hidden;
width:100%;
height:calc(10% - 9px);
z-index:9999;
clear:both;
}
#main_section {
position:relative;
top:-50px; /*-5px proper location */
float:left;
padding-top:0;
padding-left:60px;
width:95%;
bottom:0;
right:0;
min-height:80%;
height:auto;
border:2px solid red;/**/
}
<html><!----HTML FIle---->
<body >
<div id="wrapper">
<header>
<img src="img/ztlogo.png" height="50px"/>
</header>
<section id="main_section">
Решение
Это происходит из-за вашей непрозрачности в этом цвете заголовка — отсюда и то, что за этим стоит.
Простым решением может быть добавление еще одного белого div за синим непрозрачным цветом. Но вы хотите сделать это там, где вы не можете видеть через заголовок.
Другие решения
Других решений пока нет …