【问题标题】:$(document).innerHeight() and $(window).innerHeight() not working on mobile$(document).innerHeight() 和 $(window).innerHeight() 不适用于移动设备
【发布时间】:2014-01-26 12:29:34
【问题描述】:

当用户滚动到底部时,我正在尝试做一些事情。

这段代码可以在桌面上运行。

但在我的 Android 4.3 Google Chrome 和 iPhone Safari 上,它并没有将 if 语句解析为 true,但我可以确认它确实到达了那里。

我使用的是 jQuery 1.11.0,但我也尝试过使用 1.7.2。

$(window).scroll(function() {
    if ($(window).scrollTop() === $(document).innerHeight() - $(window).innerHeight()) {
        //Do Stuff
    }
});

另外,我已经写了:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【问题讨论】:

    标签: javascript jquery mobile scroll


    【解决方案1】:

    我认为问题可能是移动浏览器在视口移动时不运行任何 JavaScript。

    这意味着除非您在文档高度上完全停止滚动(没有弹性底部),否则它不太可能等于相同的高度。

    尝试将=== 更改为&gt;=,看看是否有不同。

    【讨论】:

    • 不幸的是没有任何区别。
    • 尝试更改您的元标记以包含高度&lt;meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"&gt;
    • 谢谢!这是杰克的回答和他的评论的结合!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-02-26
    • 1970-01-01
    • 1970-01-01
    • 2015-11-15
    • 2016-11-02
    • 2023-03-23
    • 1970-01-01
    相关资源
    最近更新 更多