Sayfa Başına Gitme

Jquery ve Bootsrap ikonu kullanılarak sayfa başına gitmek.

Burada bootstrap sadece yukarı iconu için kullanıldı. Bootstrap olmadan da aşağıdaki kodlar çalışacaktır.

CSS:

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

Aşağıdaki linki <body> den sonra herhangi bir yere yapıştırın:

<a id="back-to-top" href="#" class="btn btn-default btn-lg back-to-top" role="button" title="Go to the Top" data-toggle="tooltip" data-placement="left"><span class="glyphicon glyphicon-chevron-up"></span></a>

</body> den önce aşğaıdaki jqueriyi ekleyin:

	<script>	
	$(document).ready(function(){
		 $(window).scroll(function () {
				if ($(this).scrollTop() > 50) {
					$('#back-to-top').fadeIn();
				} else {
					$('#back-to-top').fadeOut();
				}
			});
			// scroll body to 0px on click
			$('#back-to-top').click(function () {
				$('#back-to-top').tooltip('hide');
				$('body,html').animate({
					scrollTop: 0
				}, 800);
				return false;
			});
			
			$('#back-to-top').tooltip('show');

	});

</script>