javascript - ionic : how to detect bottom scroll?

Question

对于聊天应用程序，我想知道我的 ionic 内容是否在底部滚动，只有在用户已经在底部时才在添加消息后再次向下滚动。

是否有可能轻松检测到内容何时滚动？

Answer 1

查看 $ionicScrollDelegate.getScrollView()，我发现了一个 __maxScrollTop 属性。

答案很简单:

var scrollTopCurrent = $ionicScrollDelegate.getScrollPosition().top;
var scrollTopMax = $ionicScrollDelegate.getScrollView().__maxScrollTop;
var scrollBottom = scrollTopMax - scrollTopCurrent;

if (!scrollBottom) {
  $ionicScrollDelegate.scrollBottom(true);
}

您甚至可以通过检查 scrollBottom 是否低于您的容差限制来增加一些容差。