带溢出的底部检测javascript-x:隐藏

我在一个网站上工作，我需要在页面底部检测什么时候，然后隐藏一个div。我的问题是，我还需要有以下css代码：

.html,body {
  overflow-x: hidden
}

我使用以下javascript代码进行检测：

<script>
  $(window).scroll(function() {
  if ($(document).height() <= ($(window).height() + $(window).scrollTop())) {
  //Bottom Reached
  document.getElementsByClassName('scroll-arrow')[0].style.visibility='hidden';
  }
  else {
  document.getElementsByClassName('scroll-arrow')[0].style.visibility='visible';
  }});
</script>

---

这导致javascript代码无法检测何时到达底部。有没有可能绕过这个，实现我想要的？另外，当overflow-x可见时，javascript可以完美地工作。

除了缩短文档的高度外，overflow-x:hidden不应该做很多其他事情。当您处于底部且未消失时，$document.height、$window.height和$window.scrollTop的值是多少？请创建一个带有简单用例的JSFIDLE，并解释什么不起作用。此外，您正在使用jQuery和标准javascript。为什么会这样？你是否正确地包含jQuery？如果你有更好的东西我可以使用，请与我分享