jquery slide ile sorunlar - slidedown - div görünmüyor

Question

jquery SlideDown ile ilgili bir sorun yaşıyorum. Sanırım sorun ekranda görünüyor: CSS'nin hiçbiri değil ama gizli bölümle başlamalıyım.

HTML

<div id="miao">CIAO</div> 

JQUERY

var screenok = $(window).height(); 
    $(document).scroll(function() { 
    if ($(this).scrollTop() < screenok/3) { 
      $("#miao").slideUp(200); 
     } else { 
      $("#miao").slideDown(200); 
     } 

    }); 

CSS

  #miao{ height: 100px; 
      width: 100%; 
      position: fixed; 
      top: 0px; 
      left:0px; 
      z-index:20; 
      background:white; margin:auto; display:none;} 

JSFIDDLE LİNK

https://jsfiddle.net/vtxLqjkw/1/

size Yerine elemanın varsayılan stil içinde display:none tutmanın

Answer 1

çok teşekkür ederim, size CSS'den o mülkü kaldırıp böyle $(document).ready() üzerine Üzerinde .hide() çağırabilirsiniz:

$(document).ready(function() { 
    var screenok = $(window).height(); 

    // hide the element initially 
    $("#miao").hide(); 
    $(document).scroll(function() { 
    if ($(this).scrollTop() < screenok/3) { 
     $("#miao").slideUp(200); 
    } else { 
     $("#miao").slideDown(200); 
    } 
    }); 

}); 

.hide(), öğe üzerinde display:none işlevlerini ayarlar, böylece stilinizin yaptıklarını etkili bir şekilde yapması, yalnızca kalıcı bir özellik değeri yapmamasıdır.