jquery - 检测滚动到底部 - 通过返回禁用向上/向下滚动按钮

Question

我有这个内容 div，里面有很多东西——标题、段落、表格、图像等——可以通过向上和向下按钮滚动。

这些按钮有 mouseenter、mouseleave、mousedown 和mouseup事件。我希望 mousevents 在达到各自的上/下限制时被禁用 - 返回。所以我这样做了（向下按钮）：

$('.compositos_infoBtnDown').on('mouseenter', function(){
    if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').height() == $('.compositos_infoContent').height()){
      return;
    }
    // Mousenter animation
  });

  $('.compositos_infoBtnDown').on('mouseleave', function(){
    // Mousleave animation
  });

  $('.compositos_infoBtnDown').on('mousedown', function(){
    if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').height() == $('.compositos_infoContent').height()){
      return;
    }
    // Mousdown animation
    // Scroll code (working fine)
  });

  $('.compositos_infoBtnDown').on('mouseup', function(){
    if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').height() == $('.compositos_infoContent').height()){
      return;
    }
    // Mousdown animation
    // Scroll code (working fine)
  });

HTML结构：

<div class="compositos_infoContainer">
  <div class="compositos_infoContent">
    <h3>...</h3>
    <p>...</p>
    <div>...</div>
    <table>...</table>
  </div>
</div>

（当然，滚动代码上使用了scrollTop （工作正常） 。）我的向上按钮工作得很好：

if ($('.compositos_infoContent').scrollTop() === 0){
      return;
    }

...问题出在向下按钮上。

当然，if 语句不起作用。我怎样才能解决这个问题？

提前谢谢。

佩德罗

Answer 1

刚刚发现如何做到这一点：

if ($('.compositos_infoContent').scrollTop() + $('.compositos_infoContent').innerHeight() >= $('.compositos_infoContent')[0].scrollHeight){
      return;
    }

希望它可以帮助任何人。

佩德罗