IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası
  sohbet

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 19 Ekim 2014, 17:29   #1
Çevrimdışı
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
IF Ticaret Sayısı: (0)
IF Ticaret Yüzdesi:(%)
Div alanındaki kaydırma çubuğunu aşağı sabitlemek ve scrollTop() metodu




Bir <div> alanının css bilgilerinde overflow:auto olarak tanımlama yaparsak, içerisindeki yazı ya da fotoğraflar belirttiğimiz yüksekliği aştığında, sağ tarafa kaydırma çubuğu otomatik olarak eklenir.

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<style type="text/css">
#div1{
height:150px;
width:423px;
overflowauto;
}
</
style

u scroll çubuğunu javascript kodları ile en aşağı sabitlememiz mümkün. Bunun için kullanılan scrollTop() metodu kullanabiliriz.

scrollTop()

scrollTop() metodu kaydırma çubuğunun(scrollbar) dikey konumu döndürür ya da belirler. Kaydırma çubuğunun dikey pozisyonu, üst noktadan çubuğun bulunduğu konuma kadar olan yerin pixel değerindeki yüksekliğidir. Eğer scrollbar en üst noktadaysa, 0 değeri geri döner.

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<script type="text/javascript">
document.getElementById("div1").scrollTop =3000;
</script> 

Aşağıdaki kodları bir html sayfası olarak kaydedip, sayfayı görüntüleyin. “Aşağı Kaydır” butonuna tıkladığınızda scroll çubuğunu aşağı kaydıracaktır.

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<HTML>
<
HEAD>
<
TITLE>Kaydırma çubuğu Scrollbar</TITLE>
<
style type="text/css">
#div1{
height:100px;
width:423px;
overflowauto;
color:#000;
font-size:14px;
}
</
style>
<
script type="text/javascript">
function 
asagikaydir()
{
var 
scrollheight 6000;
document.getElementById("div1").scrollTop scrollheight;
}
</script>
</HEAD>
<BODY>
<div id="div1">
<p>ScrollTop örnegi</p>
<p>Kaydırma çubuğunu aşağı sabitlemek</p>
<p>div alanında scrollbar</p>
<p>css overflow</p>
<p></p>
<p></p>
<p></p>
</div>
<button onclick="asagikaydir()">Aşağı Kaydır</button>
</BODY>
</HTML> 

Dikkat edilmesi gereken bir diğer şey ise Firefox tarayıcısında scrollheight değeri çok yüksek verildiğinde (1000000000000 gibi) çalışmaması. Bunun için çok büyük değerler yerine daha küçükleri kullanılmalıdır. Diğer tarayıcılarda Chrome, IE7+ vs. sorunsuz çalışmaktadır.

__________________
Bu kez pek bir afili yalnızlık, ağlatan bir kadın kadar düşman. Ağzı bozuk üstelik bırakmıyor acıtmadan.
 
Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
sohbet odaları sohbet odaları Benimmekan Mobil Sohbet
Cevapla

Etiketler
alanındaki, aşağı, çubuğunu, div, kaydırma, metodu, sabitlemek, scrolltop, ve


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Windows 8 çubuğunu deneyin! DaDaS Bilim Dünyasından Son Haberler 0 25 Şubat 2012 00:52
Windows 8 çubuğunu deneyin! Deep Windows 0 24 Şubat 2012 19:26
Dil Alanındaki Çalışmaları Kalemzede Atatürk Köşesi 0 15 Eylül 2011 18:21
Fullname Sabitlemek... ReiS Unreal IRCd 2 21 Mart 2007 22:11