angular div 滚动条事件_angular 自定义 scroll事件

在众多事件中,angular 1.x对于scroll事件好像并不咋地,但是最近项目上要用到这玩意儿,

所以就自己写了一个,那么下面来说一下我的思路

先说一下功能的需求吧

一个div里面包了很多个div,外面的div是可以的滚动的,

而根据滚动到不同的区块时,每个内在的div要浮现出一块部分

然后说一下我的思路:

1.获取每一个悬浮模块的高度  -- divHeight

2.将所有高度累加成一个新的数组 -- heightArr

3.获取当前屏幕的滚动高度 -- scrollHeight

4.比较divHeight处于heightArr的哪个区间内

5.将处于的该区域内的div悬浮出来

那么接下来就看代码,为了方便使用,我们可以用指令

1

2

3

然后我们来做指令

angular.module('myScroll', [], angular.noop).directive('myScroll',function(){

var obj = {};

obj = {

restrict: 'A',

link: function(scope, elem, attr){

//获取当前屏幕滚动所至的模块

var getTopLength = function(lens, scrollTop){

for(var i = 0; i < lens.length; i++){

if(scrollTop