Kategoriler
Kodlama

1 pencere yüksekliği kaydırıldığında – JS

Bu JavaScript uygulamasında sayfanın tam bir ekran yüksekliği boyutunda aşağı kaydırıldığında bir işlev çalıştırıyoruz.

Merhaba, JavaScript muhteşem bir dil, bence dünyanın en kullanışlı ve geçerli dili şu an, eğer webde bir şeyleri göstermek istiyorsanız mutlaka JavaScript kullanmalısınız ister web sitesi ister uygulama.

Bu JavaScript(jQuery) uygulamasında kullanıcının tarayıcı ekranının yükseklik boyutunu alıp o ölçüde aşağı kaydırıldığında bir işlev çalıştırıyoruz, aşağıda örneği inceleyebilirsiniz:

1 tam pencere yüksekliği scroll edildiğinde – JS: https://codepen.io/wolkanca/pen/mdWEzaE

Normalde scrool fonksiyonunu manuel bir px değer belirleyerek yapabilirsiniz ancak burada manuel bir değer girmektense kullanıcının ekran boyutunu baz alarak bir değer oluşturduk.

Kod tam olarak şu:

$(document).ready(function () {
  var $w = $(window),
    wH = $w.height();
  $w.on("scroll", function (l) {
    $(this).scrollTop() > wH
      ? $("html").addClass("scroll")
      : $("html").removeClass("scroll");
  }).on("resize", function () {
    wH = $(this).height();
  });
});

İyi çalışmalar.

wolkanca.com’da 1 pencere yüksekliği kaydırıldığında – JS veya diğer konular hakkında herhangi bir sorunuz varsa, sosyal medya butonları ile yorum ya da mesaj göndermekten çekinmeyin, 1 pencere yüksekliği kaydırıldığında – JS için ya da değil DM kapısı her daim açık. Yazıyı beğendiyseniz paylaşın, daha fazla ilgili gönderi için hemen aşağıdaki menülere göz gezdirebilirsiniz, okuduğunuz için teşekkürler, saygılar sevgiler.

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO - wolkanca mahallesi gmail sokak nokta com.