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>


Sitede yayınlanmasını istediğiniz Word veya PDF formatındaki özgün yazılarınızı denizemesaj@gmail.com adresine gönderebilirsiniz. Arzu ederseniz kendi isminizle yayılanır. Yine bu adresten görüş ve fikirlerinizi iletmeniz de mümkün.
You can send your original articles in Word or PDF formats that you want to be published on this site to denizemesaj@gmail.com. If you wish, it will publish by your own name. It is also possible to send your opinions and ideas at this address.