Javascript 爱奥尼亚:如何检测底部滚动?

Javascript 爱奥尼亚:如何检测底部滚动?,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,对于聊天应用程序,我想知道我的ion内容是否在底部滚动,只有当用户已经在底部时,才能在添加消息后再次向下滚动 是否有可能轻松检测内容何时被滚动?查看$ionicScrollDelegate.getScrollView,我发现了一个u maxScrollTop属性 答案很简单: var scrollTopCurrent = $ionicScrollDelegate.getScrollPosition().top; var scrollTopMax = $ionicScrollDelegate.ge

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

是否有可能轻松检测内容何时被滚动?

查看$ionicScrollDelegate.getScrollView,我发现了一个u maxScrollTop属性

答案很简单:

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

if (!scrollBottom) {
  $ionicScrollDelegate.scrollBottom(true);
}
您甚至可以通过检查scrollBottom是否低于容差限制来添加一些容差。

查看$ionicScrollDelegate.getScrollView,我发现了一个u maxScrollTop属性

答案很简单:

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

if (!scrollBottom) {
  $ionicScrollDelegate.scrollBottom(true);
}
您甚至可以通过检查scrollBottom是否低于您的容差限制来添加一些容差。

我们可以在内容上使用on-scroll或on-scroll complete事件,然后我们需要调用控制器中的函数,如下所示

 $scope.checkScroll = function() {
     var currentTop = $ionicScrollDelegate.getScrollPosition().top;
     var maxTop = $ionicScrollDelegate.getScrollView().__maxScrollTop;
     if (currentTop >= maxTop) {
     // hit the bottom

    }
};
这里给出了完整的教程

我们可以使用滚动或滚动完成内容上的事件,然后我们需要调用控制器中的函数,如下所示

 $scope.checkScroll = function() {
     var currentTop = $ionicScrollDelegate.getScrollPosition().top;
     var maxTop = $ionicScrollDelegate.getScrollView().__maxScrollTop;
     if (currentTop >= maxTop) {
     // hit the bottom

    }
};

此处提供了完整的教程

您提问和回答自己的问题的时间相隔几秒钟?这就是为什么会有一个回答您自己问题的答案-分享您的知识,问答式复选框。。。帮助别人,因为我必须搜索半个小时才能找到解决方案。。。那么为什么要投反对票呢?你问了自己的问题,回答了自己的问题,相隔几秒钟?这就是为什么有一个回答你自己问题的答案-分享你的知识,问答式复选框。。。帮助别人,因为我必须搜索半个小时才能找到解决方案。。。那么为什么要投否决票呢?您没有从应用程序中提供任何代码,也没有明确尝试自己解决或研究该问题。如果你没有立即回答你自己的问题,那么在没有工作的情况下,你怎么能指望别人帮助你呢?这就是为什么我投了反对票。是的,但是提供一种方法来回答你自己的问题,帮助社区,我认为答案对于任何使用离子的人来说都是不言自明的。。。试着问一个新问题:你没有看到表格底部的复选框吗:回答你自己的问题-分享你的知识,问答式?下面是发生的情况:我搜索了大约半个小时,没有找到任何解决方案。当我发现一些东西时,我觉得和其他人分享应该是件好事。请不要判断得太快,伙计。你没有从你的应用程序中提供任何代码,也没有明确尝试自己解决或研究这个问题。如果你没有立即回答你自己的问题,那么在没有工作的情况下,你怎么能指望别人帮助你呢?这就是为什么我投了反对票。是的,但是提供一种方法来回答你自己的问题,帮助社区,我认为答案对于任何使用离子的人来说都是不言自明的。。。试着问一个新问题:你没有看到表格底部的复选框吗:回答你自己的问题-分享你的知识,问答式?下面是发生的情况:我搜索了大约半个小时,没有找到任何解决方案。当我发现一些东西时,我觉得和其他人分享应该是件好事。伙计,请不要判断得太快。