Back to top scrolling function - arrow using jQuery.

BackToTop.js

// make the link to scroll to top of the page
var backToTop = $('<a>', { 
			href: '#home', 
			class: 'back-to-top',
			html: '<i class="fa fa-caret-up fa-5x"></i>'
		});

	// add link to the page and establish a scrolling function
	backToTop
		.hide()
		.appendTo('body')
		.on('click', function() {
			$('html,body').animate({ scrollTop: 0 });
		});

	// show only if we are enough deep (this sounds little bit pervers) in the page
	var win = $(window);
	win.scroll(function() {
		if ( win.scrollTop() >= 300 ) backToTop.fadeIn();
		else backToTop.hide();
	});