一、上下滚动条下拉触及最底部时请求某个函数。
1、html代码。
<div bar-scrolled="myFunction1()"></div>
2、angularjs代码。
//上下滚动指令app.directive('barScrolled', function() {return function(scope, elm, attr) {console.log(scope, elm, attr);var obj = elm[0];//document对象elm.bind('scroll', function() {//scrollHeight:内容高度。scrollTop:网页卷起来的高度if (obj.scrollTop + obj.clientHeight >= obj.scrollHeight) {scope.$apply(attr.barScrolled);}});};});
3、指令调用的函数。
$scope.myFunction1 = function () {console.log("触底了哦!");};
二、左右滚动条右拉触及最右边时请求某个函数。
1、html代码。
<div around-scrolled="myFunction2()"></div>
2、angularjs代码。
//左右滚动指令app.directive('aroundScrolled', function() {return function(scope, elm, attr) {var raw = elm[0];elm.bind('scroll', function() {if(raw.scrollLeft + raw.clientWidth >= raw.scrollWidth){scope.$apply(attr.aroundScrolled);}});};});
3、调用的函数。
$scope.myFunction2 = function () {console.log("到达最右边了哦!");};