Gets the height of the document, the height of the viewable area, and the height of the scroll bar from the top of the page in jquery

When you write a page, you often encounter situations where you want to get the height of the document, the height of the viewable area, or the height of the scroll bar from the top of the page.

But I'm always a little confused, so here's a simple note, just use jquery to get it.

1. Get the height of the document.

Use $ (document). Height () stands for the entire document .

2. Get the height of the document viewable area.

Use $ (window). Height () to represent the heights of the currently visible area

3. Get the height of the current scroll bar from the top of the document, note the height of the top of the document, not the height of the window.

Use $ (document). ScrollTop () or $ (window). scrolltop (). Both can, and the effect is the same, but using the latter is better.

Gets the height of the document, the height of the viewable area, and the height of the scroll bar from the top of the page in jquery