如何使用Javascript/jQuery确定我们是否处于页面底部

jQuery中没有称为scrollBottom的内容，因此我无法执行$window。scrollBottom==0

希望这个问题从标题本身就清楚了。任何帮助都将不胜感激。我最感兴趣的是IE7+，FF3.5+的Chrome等等都是奖金

---

谢谢

您可以使用此功能检查元素是否可见，例如页面底部的元素：

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
}

---

您可以使用此功能检查元素是否可见，例如页面底部的元素：

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
}

使用javascript

浏览器支持这是一个混合包。非IE您可以使用window.pageYOffset，IE必须使用document.body.scrollTop或document.documentElement.scrollTop，具体取决于浏览器版本和兼容模式

你可能需要对结果进行不同程度的数学模拟——据我所知，我无法在工作时访问多个浏览器进行测试，我也记不起这些浏览器如何工作的细节。

使用javascript

浏览器支持这是一个混合包。非IE您可以使用window.pageYOffset，IE必须使用document.body.scrollTop或document.documentElement.scrollTop，具体取决于浏览器版本和兼容模式

你可能需要对结果进行不同程度的数学模拟——据我所知，我无法在工作时访问多个浏览器进行测试，我也记不起这些浏览器如何工作的细节。

检查这是否有效

我比较了e.pageY和$document.height，但是fiddle示例并不适用于所有浏览器，并且存在偏移问题。如果我将偏移量设置为1，则在ff中效果良好

如果没有其他方法可以完美地工作，您可以根据浏览器设置不同的偏移量IEs可能需要分开，其他人可能需要分开，或者用范围检查ife.pageY==$document.height-偏移量替换相等条件ife.pageY<$document.height+上限和e.pageY>$document.height+下限，如果根据您的要求确定要求。

检查此功能是否有效

我比较了e.pageY和$document.height，但是fiddle示例并不适用于所有浏览器，并且存在偏移问题。如果我将偏移量设置为1，则在ff中效果良好

---

如果没有其他方法可以完美地工作，您可以根据浏览器设置不同的偏移量IEs可能需要分开，其他人可能需要分开，或者用范围检查ife.pageY==$document.height-偏移量替换相等条件ife.pageY<$document.height+上限和e.pageY>$document.height+下限，如果根据您的要求确定要求。

Stoefln，我基本上只是想看看我是否接近页面底部。我的问题与-完全相同，只是给出的解决方案在IE8中对我不起作用。Stoefln，我基本上只是想看看我是否接近页面底部。我的问题与-完全相同，只是给出的解决方案在IE8中对我不起作用。谢谢Sandepan，但这在IE8中对你起作用吗？我的意思是到达的底部永远不会出现。不幸的是，我需要底部的精确像素。@Raj-check offset=16适用于我的IE 6。我想这是你用这种方法能达到的最接近的。一旦确定了所需的偏移量，您就可以使用浏览器检测或更好的jquery功能检测来设置条件。谢谢，但我不认为使用不同浏览器的各种偏移量是一个干净的解决方案：谢谢Sandepan，但这在IE8中对您有效吗？我的意思是到达的底部永远不会出现。不幸的是，我需要底部的精确像素。@Raj-check offset=16适用于我的IE 6。我想这是你用这种方法能达到的最接近的。一旦确定了所需的偏移量，您就可以使用浏览器检测或更好的jquery功能检测来设置条件。谢谢，但我不认为使用不同浏览器的各种偏移量是一个干净的解决方案：阅读此链接它不会解决您的问题，但有助于解决您的问题这如何解决我的问题？你的意思是在底部添加一个固定条。。。还是别的什么？那个插件还不能在所有IE中运行。但是这个主意很好。如果你能找到其他稳定的插件，可以把这样一个div放在窗口的底部，你可以在这个提琴中检查这一点，悬停在这个div上就相当于到达了底部。祝你好运看起来stoefln解决方案应用了这个想法。请务必让我们知道什么更有效阅读此链接它不会解决您的问题，但有助于解决您的问题此链接如何解决我的问题？你的意思是在底部添加一个固定条。。。还是别的什么？那个插件还不能在所有IE中运行。但是这个主意很好。如果你能找到其他稳定的插件，可以把这样一个div放在窗口的底部，你可以在这个提琴中检查这一点，悬停在这个div上就相当于到达了底部。祝你好运看起来stoefln解决方案应用了这个想法。一定要让我们知道什么对我的教育效果更好+1

---

IE中“document.body”和“document.documentElement”之间的区别+1用于教育我IE中“document.body”和“document.documentElement”之间的区别！