jQuery ile Pencere Genişliğini Bulma

Bazı durumlarda pencere genişliğini almaya ihtiyaç duyabiliriz, pencere genişliğine göre işlemler yaptırmamız gerekebilir. Mesela kendi bloğumda yapışkan menü kullanıyorum, bunun için jQuery'de pencere genişliğini almaya ihtiyaç duydum, pencere genişliği 960px'den yüksekse yapışkan menü çalışacak, değilse çalışmayacak. Bunun gibi durumlarda ihtiyacı olanlar için bu makaleyi hazırlama ihtiyacı duydum.

Ekran çözünürlüğü ile karıştırılmaması gerektiğinin altını çizmek gerekir. O anki tarayıcı genişliğini almayı göstereceğim.

$(window).width()

Yukarıdaki kod bize o anki pencere genişliğini verecektir. Kodları incelersek;

window = pencere

width = genişlik

anlamına gelmektedir. Bu da bize pencere genişliği olduğunu göstermektedir.

En basit şekliyle nasıl kullanırız onu görelim.

<script type="text/javascript">
    var genislik = $(window).width()
    
    if (genislik > 960) {
        alert("pencere genişliği 960pxden büyük")
    }
    else {
        alert("pencere genişliği 960pxden küçük")
    }
</script>

<head>..</head> tagları arasına yazarak deneyebilirsiniz.

Sonraki makalede görüşmek üzere, iyi günler smiley

Blog Yorumları (0 Yorum)

avatar
  1. avatar avatar

    {{comment.Name}} dedi ki

Bu makaleyi faydalı buldunuz mu?

Bu içerikle ilgili görüşleriniz önemlidir. Ne düşündüğünüzü söyleyin.

Bu makale faydalı mıydı?

Üzgünüm faydalı değil.
Bildiriminiz gönderiliyor...
Geri bildiriminiz için teşekkürler!
Gönderme sırasında hata alındı!