无法检测用户是否到达Chrome的页面底部

Question

我需要检测用户是否到达页面底部。

以下来自here的代码在Chrome中的效果不同于100％（不会弹出警告窗口）：

＆＃13;

＆＃13;

function bottomReached() {
  return $(window).scrollTop() == $(document).height() - $(window).height();
}

$(function() {
  $(window).scroll(function() {
    if (bottomReached()) {
      alert('Bottom reached');
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>
<h2>Scroll?</h2>
</br>

＆＃13;

＆＃13;

＆＃13;

虽然在Firefox中可以正常工作。

为什么呢？我究竟做错了什么？我该如何解决？