Question

I currently have the following code which delays showing a fixed bar after a certain point.

The code hides the fixed bar if you scroll up to the top, but automatically shows the bar after 2 seconds, even though the scroll point is below 70, so it should be hidden all together.

    $(window).scroll(function() {
        if($(window).scrollTop() > 70) {
            $('#mini-header').delay(2000).show(0);
        } else if($(window).scrollTop() < 70) {
            $('#mini-header').hide();
        }
    });

A jsFiddle shows the behaivor.

Answer 1

You can change your else if to a simple else and hide the div by display: none –
FIDDLE DEMO

$(document).ready(function() {
    $(window).scroll(function() {
            if($(window).scrollTop() > 70) {
                $('#mini-header').delay(2000).show();
            } else {
                $('#mini-header').css("display", "none");
            }
    });
});

UPDATED DEMO

$(document).ready(function() {
    $(window).scroll(function() {
            if ( $(window).scrollTop() > 70 ) {
                $('#mini-header').stop().animate({ opacity:1 }, 2000, function() {
                    $(this).css("display", "block");
                });
            } else {
                $('#mini-header').stop().animate({ opacity:0 }).css("display", "none");
            }
    });
});

The animate() acts like a delay() but the difference – you can stop() it.