ページを無限にスクロールしようとしていますが、ページの下部にいるかどうかをテストするための条件が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( "テスト"); } } }
2021-02-15 08:20:04
どのような種類の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; } -->