Fazer div aparecer/desaparecer ao rolar (scroll) a pagina com JS e CSS

<div class="secao-qualquer">
  <p>Olá mundo!</p>
</div>

$(function() {
    var header = jQuery(".secao-qualquer");
    jQuery(window).scroll(function() {
        var scroll = jQuery(window).scrollTop();

        if (scroll >= 700) { // Altura da pagina em pixels
            header.removeClass('display-none');
        } else {
            header.addClass("display-none");
        }
    });
});

.display-none {
	display: none !important;
}