Samet KAYA

Blog

JavaScript ve Jquery Scrolltop ile Sayfa Kaydırma

JavaScript ve Jquery Scrolltop ile Sayfa Kaydırma

Web sayfamızda sayfanın istediğimiz yerini sayfa yüklendiğinde göstermek için jquery scrooltop fonksiyonundan yararlanıyoruz. Örneğin bir makalemiz var ve makalenin altında yorum kısmı var. Kullanıcı yorum yaptığı zaman sayfa yeniden yüklendiğinde yine yorum kısmına yönlendirilsin istiyoruz. İşte bu gibi durumlarda scrolltop kullanabiliriz. Öncelikler jquery linkini sayfamızın head tagları arasına yazıyoruz. Scrolltop fonksiyonunu şuradan indirerek sayfamıza ekliyoruz. 

 

 

[removed]"text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">script>
<script src="jquery.scrollTo.js">script>
<script src="jquery.scrollTo-min.js">script>

 

 

Sayfanın otomatik olarak gösterilmesini istediğimiz yerine div oluşturuyoruz.

 

 

Son olarak sayfanın üst kısmına aşağıdaki kodları yazıyoruz. Böylece sayfa açıldığı anda otomatik olarak content divinin olduğu noktaya sayfa kaydırılacaktır. 

[removed]"text/javascript">
$(function(){
var pos=($(".content").position().top); //content divinin konumu belirleniyor.
$("body").animate({scrollTop : pos},0);  //scrooltop ile content divinin olduğu noktaya sayfa                         kaydırılıyor. Sıfır değeri scroll kayma hızı
  });
script>