15879
2571
ページを無限にスクロールしようとしていますが、ページの下部にいるかどうかをテストするための条件がChromeで正しく動作していません。 Chromeでは、このアラートはページの下部ではなく上部でトリガーされるようです。ただし、IE11では正しく機能します。
Chromeでは、$(document).height()は0になります。重要な場合は、ページの上部に<!DOCTYPE html> htmlがあります。
奇妙なことに、Chromeのjsfiddle内から完全に機能する別の例からこれを取り上げました:http://jsfiddle.net/nick_craver/gWD66/
$(window).scroll(function(){
if($(window).scrollTop()+ $(window).height()== $(document).height()){
alert( "テスト");
}
}
} 
どのような種類のCSSがページに適用されますか?それ以上にbody要素が適用されますか? $(document).height()を$(window).scrollTop()と$(window).height()の組み合わせよりも大きくしているのは、パディングまたはマージンである可能性があります。次のコードは、実際にif()基準を満たしているかどうかを判断するのに役立ちます。
どのバージョンのjQueryを使用していますか?
$(window).scroll(function(){
var scrollPosition = $(window).scrollTop()+ $(window).height();
var bodyHeight = $(document).height();
$( "#scrollIndex")。html(scrollPosition + "/" + bodyHeight);
if(scrollPosition == bodyHeight){
$( "#scrollIndex")。html( "BOTTOM!");
$( 'body')。height(bodyHeight + 200 + "px");
}
});
体{
高さ:2000px;
}
#scrollIndex {
位置:固定;
top:0px;
右:0px;
}