Wysokość strony w javascript

Question

Nie mogę uzyskać wysokości strony w javascript, gdy strona jest większa niż ekran.

myślałem, że to dostanie mi właściwą wysokość:

$(document).height(); 

ale tylko dostaje wysokość ekranu, tak samo jak:

$('body').height(); 

samo jak:

document.offsetHeight; 

Z jakiegoś powodu wszystkie te przykłady zwracają tylko wysokość ekranu. Czy ktoś może pomóc?

Answer 1

jQuery (co zrobiłeś określić), $(document).height() powróci dokładnie co prosisz.

Aby wyjaśnić wykorzystanie metody 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 

podejrzewam, że jeśli $(document).height() nie działa dla Ciebie, coś jest nie tak. Możesz być:

1. Wezwanie to za wcześnie. Np. Zanim DOM będzie gotowy
2. Masz kilka nieoczyszczonych elementów pływających, które nie powodują powiększenia niektórych elementów poziomu bloku do rzeczywistej wysokości. W ten sposób mylące obliczenia wysokości.
3. Coś krytycznego jest absolutnie ustawione. Absolutnie rozmieszczone elementy nie przyczyniają się do obliczeń wysokości ich elementów macierzystych.

Answer 2

Myślę, że trzeba dodać window.pageYOffset (ilość stron, które zostały przewinięte, w pikselach).

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

Answer 3

Nie jestem pewien jQuery. Ale ten link może pomóc ci zrozumieć różne właściwości i ich zachowanie w różnych trybach w różnych przeglądarkach.

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

Answer 4

Jeśli chcesz korzystać z jQuery, co z uzyskaniem wysokości ciała lub html? na przykład:

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

Answer 5

Szukałem tego i wylądowałem tutaj. Bez Jquery'ego możesz to uzyskać za pomocą zwykłego JS. Poniżej działa:

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

Czy zwrócić uwagę na poniższy link w celu wyjaśnienia, które w użyciu: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively