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

Volkan Yılmaz

Digital Marketing & WordPress & SEO volkan@volkanyilmaz.com.tr