2010-03-09 35 views

Trả lời

136
$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document 

Như ghi nhận ở đây: http://api.jquery.com/height/

+19

Thành thật mà nói, điều này không trả lời câu hỏi của OP. Nếu bạn đang tìm chiều cao màn hình _actual_, hãy sử dụng 'screen.height' như' var height = screen.height'. Điều này có thể trông giống như một lỗi cắn, nhưng OP hỏi làm thế nào để định vị một cái gì đó ở giữa màn hình, không phải giữa cửa sổ trình duyệt. –

+0

Perfect John White, chỉ là những gì tôi cần, screen.height làm việc cho tôi –

2
$(window).height(); 

Để thiết lập bất cứ điều gì ở giữa, bạn có thể sử dụng CSS.

<style> 
#divCentre 
{ 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    width: 300px; 
    height: 400px; 
    margin-left: -150px; 
    margin-top: -200px; 
} 
</style> 
<div id="divCentre">I am at the centre</div> 
+0

CSS đó sẽ đặt góc trên cùng bên trái của div ở giữa trang. Sau đó, div sẽ mở rộng từ trên xuống dưới, trông * nghiêm túc * ngoài trung tâm. Có thể làm cho lợi nhuận tiêu cực? Bởi vì điều đó có vẻ như nó có thể làm việc, nhưng chỉ khi điều bạn đang tập trung là nhỏ hơn so với trang. –

+0

Sửa lỗi đánh máy. Cảm ơn @ T J Crowder – rahul

+0

Cách tiếp cận tập trung dọc của bạn yêu cầu bạn biết chiều cao của phần tử #divCentre của bạn. –

5

sử dụng với trang web đáp ứng (xem trong điện thoại di động hoặc ipad)

jQuery(window).height(); // return height of browser viewport 
jQuery(window).width(); // return width of browser viewport 

hiếm khi sử dụng

jQuery(document).height(); // return height of HTML document 
jQuery(document).width(); // return width of HTML document 
Các vấn đề liên quan