問題12 ある高さになるとふわっと出現

解答ソースコード

              $(function () {
  $("button").click(function(){
    var howMany=Number($("input").val());
    for(var i=1;i<howMany;i++){
      $("li").eq(0).clone(true).appendTo("ul");
      $("li").eq(i).css({ opacity:0 });
    }
  });
  $(window).scroll(function() {
    $("li").each(function () {
      var position=$(this).offset().top;
      var scroll=$(window).scrollTop();
      var windowHeight=$(window).height();
      if (scroll> position -  windowHeight + 200) {
        $(this).animate({
          opacity:1,
        },1000)
      }
    });
  });
});
¥JavaScript¥