绘制动画仅在向下滚动时运行

Question

当我向下滚动页面时，我绘制了一个图标，当我向上滚动时，未绘制图标。 我只想在我向下滚动并在剩下的会话中保持这种状态时才能画画。

$(document).ready(function() {
  var $dashOffset = $(".path").css("stroke-dashoffset");
  $(window).scroll(function() {
  var $percentageComplete = (($(window).scrollTop() / ($("html").height() - $(window).height())) * 100);
  var $newUnit = parseInt($dashOffset, 10);
  var $offsetUnit = $percentageComplete * ($newUnit / 100);
  $(".path").css("stroke-dashoffset", $newUnit - $offsetUnit);});

 var $bg = $(".background")
 $(document).scroll(function(){
  $bg.css({transform: $(this).scrollTop()<1 ? "scale":"scale(1,1)"});
 });

}）;