JQuery scrollLeft(), scrollTop() Kullanımı

Bu yazımızda Jquery de scrollLeft ve scrollTop metodlarının ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.

scrollLeft metodu ile x eksenindeki scroll’u sağa doğru hareket ettirdiğimizde scroll’un soldan kaç px uzaklıkta olduğunu hesaplayabiliriz.

scrollTop metodu ise y eksenindeki scroll’u aşağı doğru hareket ettirdiğimizde scroll’un yukardan kaç px uzaklıkta olduğunu hesaplamamıza yarar.

Bir div etiketi oluşturup Css kodlarıyla x ve y ekseninde scroll oluşmasını sağlayalım.

Sonrada scroll’ları aşağı ve sağa hareket ettirip butonlara tıklayarak kaç px uzaklaştığını öğrenelim.

Kodlarımız şu şekilde

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.

Yorum Yazın