离子:如何检测底部滚动？

Question

对于聊天应用程序,我想知道我的离子内容是否在底部滚动,仅在用户已经在底部时才添加消息后再次向下滚动.

是否可以轻松检测内容何时滚动？

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低于容差限制来添加一些容差.