JS - スクロールでモーダルを表示して閉じた後に再び表示しないようにする

Question

モーダルがあり、スクロール後に表示され、ページの上に消えます。しかし、私はそれを閉じるボタンを押すと、再び表示されないようにしたい。 （私はモーダルを閉じるとさて、それは何度も繰り返し表示され、それは非常に迷惑なんだ）

$(document).scroll(function() { 
    var y = $(this).scrollTop(); 
    if (y > 400) { 
     $('#modal-name').css({"display":"block"}); 
    } else { 
     $('#modal-name').fadeOut(); 
    } 
}); 
$(document).ready(function() { 
    $(".close-modal, .modal-sandbox").click(function(){ 
     $(".modal").css({"display":"none"}); 
    }); 
}); 

Answer 1

はフラグshouldDisplayModalを使用し、そのようwindow.localStorageにそれを持続：

var shouldDisplayModal = localStorage.getItem("shouldDisplayModal") == null ? (localStorage.setItem("shouldDisplayModal", true) || localStorage.getItem("shouldDisplayModal")) : localStorage.getItem("shouldDisplayModal"); 

$(document).scroll(function() { 
    if (shouldDisplayModal) { 
    var y = $(this).scrollTop(); 
    if (y > 400) { 
     $('#modal-name').css({"display":"block"}); 
    } else { 
     $('#modal-name').fadeOut(); 
    } 
    } 
}); 
$(document).ready(function() { 
    $(".close-modal, .modal-sandbox").click(function(){ 
     $(".modal").css({"display":"none"}); 
     localStorage.setItem("shouldDisplayModal", false); 
    }); 
});