Question

我一直试图将这项工作推迟一段时间，并且无法理解。我做了一些搜索，在Stackoverflow上发现了一些帖子。基于这些，我试图对代码片段进行额外的修改，但到目前为止一切都不成功。

参考：How to check if scrollbar is at the bottom

我有一张桌子，里面有很少的高度有限的元素。有一个滚动条。我只有在用户滚动到TOP或Bottom时才需要触发。

根据我的研究，我能够让TOP部分工作，但不是BOTTOM。

 $('.tbody').scroll(function(event) {
   var height = $(this).height();
   var top = $(this).scrollTop();

   if ($(this).height() == $(this).scrollTop() + 1) {
     $("#msg").append('hit bottom <br>');
   }


   if (height - top == height) {
     $("#msg").append('hit top <br>');
   } else {
     console.log(top)
   }


 });

请在此处找到我的代码，How to append more rows when scrolling to the Bottom with Javascript

如果您向上和向下滚动，您会看到向上滚动，但不会向下滚动。

任何输入都将不胜感激。

Answer 1

计算java.lang.ClassCastException: ccom.miapp.MyContext cannot be cast to android.support.v7.app.AppCompatActivity是否等于scrollHeight - height

scrollTop

$('.tbody').scroll(function(event) {
  var height = $(this).height();
  var top = $(this).scrollTop();

  if ($(this).get(0).scrollHeight - $(this).height() == Math.floor($(this).scrollTop())) 
  {
    $("#msg").append('hit bottom <br>');
  }


  if (height - top == height) {
    $("#msg").append('hit top <br>');
  } else {
    // console.log(top)
  }
});

table {
  display: block;
}

.tbody {
  display: block;
  height: 100px;
  overflow-y: auto;
  /* Trigger vertical scroll    */
  overflow-x: hidden;
  /* Hide the horizontal scroll */
}

JQuery - 如何检查tbody滚动条是否触及底部

1 个答案: