Sayfayı aşağı kaydırmak

Web sayfasının içerisinde ekleyeceğiniz butonlar aracılığı ile sayfayı en üste kaydırabilirsiniz.

Bunu yapmak için kullanacağımız bir script fonksiyonu yeterli olur.

Data-target özelliği ile sayfanın neresine kayacağını ayarlayabiliriz.

	<div class="scroll-to-target" data-target="footer"></div>

scroll-to-target yada belirleyeceğiniz herhangi class ile script'e bağlıyoruz.

 

	if($('.scroll-to-target').length){
		$(".scroll-to-target").on('click', function() {
			var target = $(this).attr('data-target');
		   // animate
		   $('html, body').animate({
			   scrollTop: $(target).offset().top
			 }, 1500);
	
		});
	}

0 Yorum

Soru & Yorum


Web Tasarım

Renkli Kare

Web Tasarım Ajansı