Bymas | Не видно текст css

Тема закрыта by

SNEG

  
 <html> 
 <head> 
 <style>body {margin:0;padding:0;background-color:#cecece;min-height:1000px;} 
  
 .div1 { 
   width:100%; 
   height:70px; 
 position: fixed; 
   z-index:1; 
   background-color: #fff; 
 } 
  
 .div2 { 
   width:100%; 
   height:70px; 
 position: fixed; 
   z-index:1; 
   top: 70px; 
   background-color: #000; 
 } 
  
 .div3 { 
 } 
 </style> 
 </head> 
 <body> 
 <div class="div1"> 
 </div> 
  
 <div class="div2"> 
 </div> 
  
 <div class="div3">Текст  
 </div> 
  
 </body>

https://jsfiddle.net/qpkez4sh/
Из за фиксированных div1 и div2 не видно текста с div3, как это исправить?
________
посл. ред. 22.06.2019 в 19:13; всего 3 раз(а); by SNEG

[xrystalll] (22.06.2019 в 19:26)

 .div1 { 
 top: 0; 
 ... 
  
 .div3 { 
 margin-top: 140px; 
 ...

Без top есть варики как по другому?

[xrystalll] (22.06.2019 в 20:15)
SNEG , а чем тебе top не нравится?

 $(window).scroll(function() { 
 if ($(window).scrollTop() > 70) { 
 $(".div1, .div2").css({"height":"50px"}); 
 } else { 
 $(".div1, .div2").css({"height":"70px"}); 
 } 
 });

https://jsfiddle.net/qpkez4sh/1/ пробел между div1 и div2 когда размер при скролле уменьшаю

[xrystalll] (22.06.2019 в 20:33)

 $(window).scroll(function() { 
   if ($(window).scrollTop() > 70) { 
     $(".div1, .div2").css({"height":"50"}), 
       $(".div2").css({"top":"50px"}); 
   } else { 
     $(".div1, .div2").css({"height":"70"}), 
       $(".div2").css({"top":"70px"}); 
   } 
 });

К этому гавнокоду я еще утром додумался ))
А если такой вариант? что скажешь?
https://jsfiddle.net/5buesd3t/1/
________
посл. ред. 22.06.2019 в 20:49; всего 2 раз(а); by SNEG

[xrystalll] , что скажешь по коду с 8 поста?

[xrystalll] (22.06.2019 в 20:57)
SNEG (22.06.2019 в 20:56)
[xrystalll] , что скажешь по коду с 8 поста?

нормально

 -webkit-transition: height 0.3s; 
     -moz-transition: height 0.3s; 
     -ms-transition: height 0.3s; 
     -o-transition: height 0.3s; 
 transition: height 0.3s;

Куда этот кусок css кода приделать в .div1 или .div1.sm ?
________
посл. ред. 22.06.2019 в 21:17; всего 2 раз(а); by SNEG

[xrystalll] (22.06.2019 в 21:23)
SNEG , к div2. Если к div1 то будет видно пробел опять пока анимация догоняет

Ладно с анимацией уже завтра разберусь я за нее еще не читал вообще, спасибо за подсказки