ion-scroll滚动到底部事件
来源:互联网 发布:淘宝打包员是蹲着做吗 编辑:程序博客网 时间:2024/06/10 17:06
部分代码块
<ion-scroll delegate-handle="mainScroll" zooming="true" min-zoom='1' max-zoom='5' direction="xy" scrollbar-x="false" scrollbar-y="false"
device-width on-scroll="onScroll()">
<div class="ub c-images" id="images-scroll">
<ul>
<li class="img" ratio-scale="1.6:1" ng-repeat="img in imgs.images">
<!--图片懒加载 image-lazy-src="{{img}}" image-lazy-background-image="true"-->
<i class="c-border background-img-pdf" style="background-image: url({{img}});"
image-preview="{{imgs.images}}" multiple="true" index="{{$index}}"></i>
</li>
</ul>
</div>
</ion-scroll>
1.首先获取元素的高度 当前滚动列表的整体高度
var imagesScroll= document.getElementById("images-scroll");//原生的方法获取dom
2.ion-scroll绑定on-scroll事件
$scope.onScroll = function () {
$scope.imagesposition = $ionicScrollDelegate.$getByHandle('mainScroll').getScrollPosition();
if ($scope.imagesposition) {
// console.log(parseInt($scope.imagesposition.top))
//当前滚动的总高度减去页面其他部分的高度
$scope.imagesscrollDown=angular.element(imagesScroll)[0].offsetHeight-550;
//console.log($scope.imagesscrollDown)
//做对比
if(parseInt($scope.imagesposition.top) >= $scope.imagesscrollDown){
Xalert.loading('该章节已学完');
sourseEvent.completed(course_id, chapterid, 2);
}else{
sourseEvent.completed(course_id, chapterid, 1, 0.5);
}
}
}
- ion-scroll滚动到底部事件
- 判断scroll是否滚动到底部以及实现回到顶部
- jquery滚动条到底部触发事件
- Jquery/js 页面滚动到底部事件
- angularJS-滚动到底部触发事件
- 获取div滚动条滚动到底部的事件[转]
- 获取div滚动条滚动到底部的事件
- js实现滚动条滚动到最底部触发事件
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项
- jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
- jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
- jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
- css 滚动条滑动到底部时触发事件
- JQ 滚动到页面底部事件的判断
- uitableview 滚动到底部
- 滚动条到底部
- webview滚动到底部
- uitableview 滚动到底部
- 编辑器小知识
- Makefile经典教程(掌握这些足够)
- 测试
- File中的创建文件和文件夹
- okhttp3 源码深入分析
- ion-scroll滚动到底部事件
- android新闻客户端(一)
- C++面向对象编程的基本概念及四种机制及类和对象
- 如何提高 Java 中锁的性能
- js事件流冒泡
- IAR平台FreeOS移植接口函数处理--weak属性用法
- FFmpeg滤镜使用指南
- iOS开发(OC)——UIWindow
- python -lambda表达式的用法