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. 

<script type="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.

<div class="content"></div>

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. 

<script type="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>

Etiketler: scrolltop javascript javascrip hesapmakinası javascript renk javascript date() burç

   

Yorum Ekleyin

Gönder Temizle

fikret

teşekküler usta

---

Admin

Rica ederim.

---

kerem değirmenci

Hocam "Son olarak sayfanın üst kısmına aşağıdaki kodları yazıyoruz. " kısmını biraz açar mısınız? sanırım burada bir yanlış yapıyorum sayfa aşağıya inmiyor bir türlü.

---

Admin

En son verdiğim kodları body tagının hemen altına ekliyorsun.

---

Ulaş Yıldırım

Peki Bunu Linke Tıklayınca Çalışmasını Nasıl Sağlayabiliriz Click işlem ile denedim fakat olmadı

---

Yunus Emre Efe

Mezun olsamda sizi takip etmeyi, kendimi geliştirmeyi bırakmadım hocam yazıların devamını bekliyorum esenlikler...

---