Edit in JSFiddle

// UNCOMMENT THIS AT SHOP
//require(['jquery', '$ready!'], function ($) {

	$('<div class="scrollTop"><a href=""><i class="fa fa-angle-up"></i></a></div>').insertAfter('.GeneralLayout')
	$('.scrollTop').css({
      'position': ' fixed',
      'bottom': ' 10px',
      'background-color': ' rgb(204, 204, 204)',
      'transition': ' all 0.4s ease-in-out 0s',
      'border-radius': ' 100%',
      'height': ' 40px',
      'width': ' 40px',
      'text-align': ' center',
      'opacity': ' 0',
      'right': ' 5%',
      'padding': ' 0px'
    });
	$('.scrollTop a').css({
      'font-size': ' 2em',
      'color': ' rgb(255, 255, 255)',
      'text-decoration': ' none',
      'line-height': ' 100%'
    });


  var scrollTop = $(".scrollTop");

  $(window).scroll(function() {
      var topPos = $(this).scrollTop();

    if (topPos > 100) {
      $(scrollTop).css("opacity", "0.8");

    } else {
      $(scrollTop).css("opacity", "0");
    }

  }); 

  $(scrollTop).click(function() {
    $('html, body').animate({
      scrollTop: 0
    }, 800);
    return false;

  });

// UNCOMMENT THIS AT SHOP
//});