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