用户查看DIV时设置警报

Question

用户查看DIV时设置警报

我试图添加Session等，但它不断向我显示警报。 我需要它每次重新加载时只显示一次警报。 我已经完成了大部分工作，但它仍然会向我显示不止一次的警报，在我滚动并返回之后它不再显示（我需要）。 我需要一些能够不止一次阻止显示警示框的东西，因为它的疯狂按下OK 5-11次直到它消失。

The code in >>>JSFiddle

$(window).scroll(function() {
   var hT = $('#mid').offset().top,
       hH = $('#mid').outerHeight(),
       wH = $(window).height(),
       wS = $(this).scrollTop();
 var yetVisited = sessionStorage['visited'];     
    //console.log((hT-wH) , wS);
   if (wS > (hT+hH-wH) && wS < (hT-hH+wH) && !yetVisited){   
     $('#alert').fadeIn(3000);
      setTimeout(function() {
        $("#alert").fadeOut(3000);
      }, 5000); 
    if (!yetVisited) {
                alert("Mid box alert!");

    }
      sessionStorage['visited'] = "yes";
   }

console.log(sessionStorage);
});

感谢您的帮助。

解决方案： JSFiddle Solution by Walk