Как вывести всплывающее окно при скроле только один раз?

Есть скрипт который выводит всплывающее окно при скроле страницы и есть кнопка чтобы это окно можно было закрыть.

<script type="text/javascript">
$(document).ready(function(){
    $(window).scroll(function(){
        if($(window).scrollTop()>120){
            $('#top').fadeIn(900)
        }else{
            $('#top').fadeOut(700)
        }
    });
});
</script>

Проблема в том, что после закрытия и дальнейшего скролла окно появляется снова, подскажите как реализовать работу этого скрипта только один раз за посещение страницы. Нашел инфу, что можно сделать через метод .one(), попробовал сам, но не получилось. Надеюсь на вашу помощь )