如何在wordpress中向下滾動時隱藏元素

Question

我需要在向下滾動頁面時隱藏搜索欄。

我知道這是在jQuery中完成的，但我真的不知道從哪裏開始。我不知道我需要的代碼以及如何/在哪裏將其正確包含在Wordpress中。

這是它是http://uwinat.o2clite.com/

有人能幫忙嗎？

謝謝。

Answer 1

<script> 
//when user start scrolling 
jQuery(document).on("scroll", function() { 
    //hide search bar 
    jQuery('.header .search').removeClass('animated'); 
    jQuery('.header-cont').removeClass('search-active'); 
}); 
</script> 

將此代碼在HTML頁面的底部應該是好

Answer 2

someid - 目標

300 -means頂偏PX

可見 - 刪除或添加類和隱藏目標默認情況下

或逆轉 - 添加其他類隱藏滾動ELEM

var foo = function() { 
    var arrow = document.getElementById('someid'); 
    window.document.addEventListener('scroll', function() { 
     var topOffset = document.documentElement.scrollTop || document.body.scrollTop; 
     topOffset > 300 ? arrow.classList.add('visible') : arrow.classList.remove('visible'); 
    }); 
}; 
foo();