$(window).scroll(function(e) {
       var topp = $(document).scrollTop();
      if (topp > 500) {
         $('#top').css("display", "block");
      }
          if (topp < 500) {
         $('#top').css("display", "none");
      }
  });
  
    $("#top").click(function() {
      $("html,body").animate({ scrollTop: 0 }, 500);
  });