Как написать скрипт на скрывание элемента при прокуртке?

Question

[ferles22]

Всем привет. Есть блок меню. Суть в том, что он должен быть скрытым, при scoll <500. А так же когда я скролюю вниз он должен быть скрыт, а когда скролю наверх появлятся, но когда я дохожду до scroll<500 опять скрываться.

Сейчас пробелма в том, что работает нормально. но когда я скролю с >500px наверх до упора, то блок не исчезает, а остается.

<script type="text/javascript">
    var oldScrollY = 0;
    var div = document.getElementById("fixedDiv");

    window.onscroll = function() {
        var scrolled = window.pageYOffset || document.documentElement.scrollTop;
        var dY = scrolled - oldScrollY;

        if ( dY > 0 ){
            $('#fixedDiv').hide();
    

        } else {
            $('#fixedDiv').show();
       
        }
        oldScrollY = scrolled;
    }
</script>

<script type="text/javascript">
    window.onscroll = function() {
        var scrolled = window.pageYOffset || document.documentElement.scrollTop;
        if(scrolled >= 500)
            $('#fixedDiv').show();
        if(scrolled < 500)
            $('#fixedDiv').hide();
    }
</script>

Answer 1

[Андрей Гончаров]

if(scrolled < 500)
            $('#fixedDiv').addClass('hiddenImportant');

.hiddenImportant{
    display: none !important;
}