Question

我有这个内容div，其中包含许多内容 - 标题，段落，表格，图像等 - 可以通过向上和向下按钮滚动

按钮具有mousenter，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;
    }

希望它可以帮助任何人。

佩德罗

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

1 个答案: