top sticky

  <style>
    header {height: 130px;     position: fixed;    z-index: 999; transition: all 0.5s}
#top-sticky {width:320px;height:60px;}
section:first-of-type {padding-top: 140px}
#top-sticky ~ div {margin-top:10px}
</style>
<script>
let lastPos=0,e=document.querySelector("header");e.style.top='0px';window.addEventListener("scroll",()=>{window.pageYOffset<lastPos?setTimeout(()=>{e.style.top="0px"},500):setTimeout(()=>{e.style.top="-60px"},500),lastPos=window.pageYOffset});
</script>

  <div id="top-sticky">
   <script async type='text/javascript' src='//s.clickiocdn.com/t/220192/360_light.js'></script>
<script class='__lxGc__' type='text/javascript'>
((__lxGc__=window.__lxGc__||{'s':{},'b':0})['s']['_220192']=__lxGc__['s']['_220192']||{'b':{}})['b']['_695019']={'i':__lxGc__.b++};
</script>
</div>