1. ev
  2. Soru-cevap
  3. Javascript kullanarak görüntüleme alanının yüksekliğini algılama

Javascript kullanarak görüntüleme alanının yüksekliğini algılama

2009-06-09 21 views
6

Javascript kullanarak görüntülenebilir alanın yüksekliğini tespit etmek istiyorum. Tarayıcıda görüntülemek istediğim 550px'lik bu DIV boyutuna sahibim. Ancak, bu yükseklik, bazı tarayıcılarda dikey kaydırma çubuğunun görünmesine neden olabilir (kullanıcının kaç tane araç çubuğuna bağlı olduğuna bağlı olarak). Bu durumda bunu tespit etmek ve kullanıcıyı bu konuda uyarmak istiyorum. Javascript kullanarak görüntüleme alanının yüksekliğini algılama

Ben document.body.clientHeight kullanarak çalıştı ama yeni araç çubukları ekleyerek çalıştı ve sayfayı yenilenir zaman bana aynı yüksekliği sağlar ... çalışmak için görünmüyor.

kaynak

2009-06-09 Anonymous

cevap

4

jQuery derece kolay (ve farklı platformlarda iyi çalışıyor):

<html> 
    <head> 
     <title>Heyo</title> 
     <script type="text/javascript" src="jquery.js"></script> 
    </head> 
    <body> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       alert($(window).height()); 
       }); 
     </script> 
    </body> 
</html>

Documentation here

kaynak

2009-06-09 14:04:18 inkedmn

+3

-1: Bu yalnızca içeriğin yüksekliği değil, pencerenin yüksekliğidir. (Örneğin, içeriğim 1450px yüksek, ancak pencerem sadece 641px. $ (pencere) .height() 1450 değerini döndürüyor.) –

1

O da YUI ile kolaydır.

<html> 
<head> 
    <title>Heya</title> 
    <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0b1/build/yui/yui-min.js"></script> 
</head> 
<body> 
    <script type="text/javascript"> 
    YUI().use('node', function(Y) { 
     alert(Y.get(document).get('winHeight')); 
    }); 
    </script> 
</body> 
</html>
bir değil kitaplığı çözüm

Documentation here

kaynak

2009-06-28 00:53:08 frayedthread

İlgili konular

 İlgili konular