ScrollToTop-JS

evb-script.js

  var back_to_top_button = ['<a title="zum Menu" href="#top" class="scrollToTop bg-primary">TOP</a>'].join("");
  $("body").append(back_to_top_button)

  // Der Button wird ausgeblendet
  $(".scrollToTop").hide();

  // Funktion für das Scroll-Verhalten
  $(function () {
    $(window).scroll(function () {
      if ($(this).scrollTop() > 300) { // Wenn 100 Pixel gescrolled wurde
        $('.scrollToTop').fadeIn();
      } else {
        $('.scrollToTop').fadeOut();
      }
    });

    $('.scrollToTop').click(function () { // Klick auf den Button
      $('body,html').animate({
        scrollTop: 0
      }, 800);
      return false;
    });
  });