javascript - How can I detect that the client is scrolled to the top or bottom of a webpage? - Stack Overflow

admin管理员组

文章数量:1352158

I'm looking for a cross-browser method of detecting that a client web browser is scrolled all the way to the bottom (or top) of the screen.

Really, the top is fairly easy, as
scrY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop
is zero if you're at the top. The problem is that scrY seems to return the top of the scroll bar, and not the bottom, so instead of getting something equivalent to the height of the document (in pixels) I what is presumably the height of the document less the size of the scroll bar.

Is there an easy, cross-browser way to find out if the user has scrolled down to the bottom of the document/window? Most specifically, I understand general scroll bar manipulation (setting it, moving it, etc.) but how can I get the delta of the bottom of the scrollbar's position relative to the bottom of the window/document.

I'm looking for a cross-browser method of detecting that a client web browser is scrolled all the way to the bottom (or top) of the screen.

Really, the top is fairly easy, as
scrY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop
is zero if you're at the top. The problem is that scrY seems to return the top of the scroll bar, and not the bottom, so instead of getting something equivalent to the height of the document (in pixels) I what is presumably the height of the document less the size of the scroll bar.

Is there an easy, cross-browser way to find out if the user has scrolled down to the bottom of the document/window? Most specifically, I understand general scroll bar manipulation (setting it, moving it, etc.) but how can I get the delta of the bottom of the scrollbar's position relative to the bottom of the window/document.

• javascript

Share Improve this question Follow edited Sep 30, 2008 at 3:00 Erik asked Sep 30, 2008 at 2:28 ErikErik 12111 silver badge55 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

http://www.softplex./docs/get_window_size_and_scrollbar_position.html

http://www.sitepoint./article/preserve-page-scroll-position/

http://codepunk.hardwar.uk/ajs02.htm

In order to ensure that an element is visible, you can use the .scrollIntoView method

A sum up of what works in FF 3.5:

function isTop() {
    return window.pageYOffset == 0;
}

function isBottom() {
    return window.pageYOffset >= window.scrollMaxY;
}

本文标签： javascriptHow can I detect that the client is scrolled to the top or bottom of a webpageStack Overflow