底部检测javascript with overflow-x：hidden

Question

我正在一个网站上工作，我需要在页面底部检测，然后隐藏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代码无法检测到何时达到底部。有可能绕过这个并实现我想要的吗？ PS。当overflow-x可见时，javascript可以正常工作。