javascript - Jquery $(window).height() 函数不返回实际窗口高度

标签 javascript jquery window height

我有一个页面,当用户滚动到底部时,我需要动态加载ajax内容。问题是 JQuery 没有返回正确的窗口高度。我以前使用过这个函数,从未见过它失败,但由于某种原因它会返回与文档高度相同的值。我这里有测试页面:bangstyle.com/test-images

我已经对警报进行了编码,以便在页面加载时以及用户滚动到顶部以下 500px 时显示:

function scroller() {

                        if($(window).scrollTop() > 500){

                        delay(function(){ //200ms wait
                                pagecounter++;
                                sideshow();
                                alert("window height: " + $(window).height() + " scrolltop: " + $(window).scrollTop() + " document height: " + $(document).height());

                                return false;
                            }, 200 );

                                    }
                            }

我之前尝试过发布此内容,但由于没有找到解决方案而将其删除。我希望可以发布一个指向我的测试页面的链接。顺便说一句,我已经在 Mac Safari 和 Mac FF 上对此进行了测试。我已经在其他页面上运行了相同的代码,并且运行良好。我感觉这个页面的dom中肯定有什么东西导致JS失败,但不知道是什么。

最佳答案

查看您的 HTML 源代码。 第一行应该是 <!DOCTYPE html>你有<style>标签代替。

看来您的文档正在 Quirks 模式下运行,并且 jQuery 无法计算正确的窗口尺寸。

关于javascript - Jquery $(window).height() 函数不返回实际窗口高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12787380/

相关文章:

Php 到 Json 文件附加到 ul Ajax Jquery

python - PySpark:将不同的窗口大小应用于 pyspark 中的数据帧

SQL:识别每个连续天组中的第一个和最后一个日期

jquery - 使用 jquery 获取 keyup 位置

jquery - 在 JQuery 中使用 CSS 编写 Html

c - SDL2 窗口大小比应有的大

javascript - 等待的 Promises 创建 Array.map 返回 <pending>

javascript - 为什么我没有成功地在第二个代码部分中获得嵌入的 "if"来完成其工作?

javascript - React-Native(构建失败)

javascript - 将 div 添加到 slider