chiều cao của trang trong javascript

Question

Tôi không thể nhận được chiều cao của trang bằng javascript khi trang lớn hơn màn hình.

Tôi nghĩ điều này sẽ làm cho tôi chiều cao đúng:

$(document).height(); 

nhưng điều đó chỉ được chiều cao của màn hình, tương tự như:

$('body').height(); 

giống như:

document.offsetHeight; 

Vì lý do nào đó, tất cả các ví dụ này chỉ trả về chiều cao của màn hình. Ai đó có thể giúp?

Answer 1

Sử dụng jQuery (mà bạn đã chỉ định), $(document).height() sẽ trở lại chính xác những gì bạn đang xin.

Để làm rõ việc sử dụng phương pháp height():

$('.someElement').height(); // returns the calculated pixel height of the element(s) 
$(window).height();   // returns height of browser viewport 
$(document).height();  // returns height of HTML document 

tôi nghi ngờ, rằng nếu $(document).height() không làm việc cho bạn, cái gì là sai. Bạn có thể là:

1. Gọi quá sớm. Giống như, trước khi DOM sẵn sàng
2. Có một số phao không rõ ràng không khiến một số phần tử cấp khối mở rộng đến chiều cao thực của chúng. Vì vậy, rối tung lên tính toán chiều cao.
3. Có điều gì đó quan trọng được định vị hoàn toàn. Các yếu tố vị trí tuyệt đối không đóng góp vào việc tính toán chiều cao của các phần tử gốc của chúng.

Answer 2

Tôi nghĩ bạn cần thêm window.pageYOffset (số trang đã được cuộn, tính bằng pixel).

http://www.quirksmode.org/dom/w3c_cssom.html

Answer 3

Không chắc chắn về JQuery. Nhưng liên kết này, có thể giúp bạn hiểu các thuộc tính khác nhau và cách chúng hoạt động trong các chế độ khác nhau trong các trình duyệt khác nhau.

http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html

Answer 4

Nếu bạn thấy thú vị khi sử dụng jQuery, bạn nên làm gì với thân máy hoặc chiều cao html? như:

var winHeight = $('body').height(); 

Answer 5

Tôi đang tìm kiếm điều này và cập nhật tại đây. Nếu không có Jquery, bạn có thể nhận được điều này với JS đơn giản. Dưới đây hoạt động:

console.log(document.body.clientHeight,document.body.scrollHeight,document.body.offsetHeight) 

Do lưu ý liên kết dưới đây để làm rõ để sử dụng: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively