JavaScript'te Pencere Boyutları
Aşağıdaki özellikler, kaydırma çubuğunu içermeyen tarayıcı penceresinin boyutlarını içerir:
let w = document.documentElement.clientWidth; // genişlik
let h = document.documentElement.clientHeight; // yükseklik
Aşağıdaki özellikler kaydırma çubuğunu içerir:
let w = window.innerWidth; // genişlik
let h = window.innerHeight; // yükseklik
İki tip özellik arasındaki fark, kaydırma çubuğunun boyutunu verir:
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Butona tıklandığında pencerenin genişliğini ve yüksekliğini yazdırın.
Butona tıklandığında pencerede dikey kaydırma olup olmadığını kontrol edin.
Butona tıklandığında pencerede yatay kaydırma olup olmadığını kontrol edin.