我有一个页面,当用户滚动到底部时,我需要动态加载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/