Şimdi ArayınWhatsapp'tan YazTelegram'dan YazSMS Gönder
Light Tema
Dark Tema

Theme Primary Color

Primary Color
Background Color
img

Jquery İle Bootstrap Modal Scrollunu En Alta Alma

3 yıl önce Özkan Işık
1.1K Güncelleme 3 yıl önce

Genelde mesajlaşma uygulamalarında sıkça ihtiyaç duyulan Whatsapp'taki gibi sayfa açıldığında scrolbar çubuğunu en alta almak isterseniz şu kullanım yeterli;

$(".modal-body").stop().animate({ scrollTop: $(".modal-body")[0].scrollHeight}, 1000);

Bu şekilde animasyonlu olarak 1 saniyede aşağı inecektir, sondaki 1000 değerini artırarak scrollun en alta inme süresini kısaltabilirsiniz.

Eğer modalınızı bir ajax post sonucu dönen response sonrası açtırıyorsanız, gecikmeden dolayı bu kod çalışmayacaktır. O zamanda ajax kod bloğunuzun success kısmında 1 saniye bekledikten sonra bu kodun çalışmasını sağlayarak ufak bir hile kullanabiliriz.

$.ajax({
        url:"admin-crud-islemleri-ajax",
        method:"POST",
        data:{id:id},
        dataType:"json",
        success:function(data){
          $('#yanitlaModal').modal('show');
          setTimeout(function(){
            $(".modal-body").stop().animate({ scrollTop: $(".modal-body")[0].scrollHeight}, 1000);
          },1000); //1 saniye sonra aktif olacak
        }
    })
});
Php İle İnput Alanına Tarih Ayarlamak
Yönetim Panelinize Jquery Kısa Yollar Ekleyin

İlk Yorumu Yapan Sen Ol!

Bloglar

BLOG YAZ

Web Tasarımlar

  • media1

    Lisans Yönetim Scripti 2

    23.9K
    1440.00₺
  • media1

    Canlı Radyo Dark Scripti

    16.1K
    1440.00₺
  • media1

    Canlı Radyo Light Scripti

    9.5K
    1440.00₺
  • media1

    Rüzgar Radyo Scripti

    9.3K
    0.00₺
  • media1

    Radyo Minimal

    5K
    1440.00₺
  • media1

    Ekitap Scripti

    7K
    4320.00₺
  • media1

    Aşk Sevgililer GünüEvlilik

    8.7K
    1440.00₺
  • media1

    Sohbet Scripti

    9K
    0.00₺

Vip Tema Web Ajans Yazılımı

Profesyonel ve her yönü ile kontrol edilebilir gelişmiş çok özellikli ajans yazılımıdır. İşte öne çıkan özellikler.

  • PAYTR Ödeme Entegrasyonu
  • SHIPY Ödeme Entegrasyonu
  • WHM Hosting Satış Entegrasyonu
  • Domain Sorgulama/Satış Entegrasyonu
  • Google Authenticator
  • SMS 2 Faktörlü Doğrulama
  • Net Gsm SMS Entegrasyonu
  • İleti Merkezi SMS Entegrasyonu
  • İnteraktif SMS Entegrasyonu
  • Mas GSM SMS Entegrasyonu
Detaylı İncele Online Bilgi Al
img