AngularJS指令-检测滚动是否已停止并执行功能

mdcost

在angularjs指令中,如何检测用户是否已停止滚动。

.directive('scrollable', ['$document', '$window', function ($document, $window, ) { 
return {
    link: function (scope, element, attrs) {
        $document.bind('scroll', function() {

            // detect if scroll has stop and execute a function        
        });
    }
};
}]);
松鼠

您需要在一段时间(例如250ms)后手动检测它:

 $document.bind('scroll', function() {
clearTimeout( $.data( this, "scrollCheck" ) );
                $.data( this, "scrollCheck", setTimeout(function() {
                    //Here you can call a function after scroll stopped
                }, 250) );      
        });

更新:-

工作

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

滚动底部 Angularjs 指令

来自分类Dev

AngularJS指令检测传入的模型属性更改

来自分类Dev

AngularJS指令如何检测属性中的更改

来自分类Dev

AngularJS指令检测传入的模型属性更改

来自分类Dev

AngularJS指令上类似DependencyProperty的功能?

来自分类Dev

如何从指令链接功能更新AngularJS模型?

来自分类Dev

AngularJS指令调用控制器功能

来自分类Dev

AngularJS指令上类似DependencyProperty的功能?

来自分类Dev

AngularJS指令调用控制器功能

来自分类Dev

指令链接功能中的AngularJS更新属性

来自分类Dev

AngularJs指令编译功能和隔离范围

来自分类Dev

AngularJs中ng-app指令的功能

来自分类Dev

AngularJS指令是否使用输出参数?

来自分类Dev

AngularJS指令-是否需要隔离范围属性?

来自分类Dev

检测是否已为angularjs指令提供了包含内容

来自分类Dev

检测是否已为angularjs指令提供了包含内容

来自分类Dev

AngularJS在指令模板中执行控制器功能

来自分类Dev

AngularJS:在指令中从控制器执行功能

来自分类Dev

AngularJS:在指令中从控制器执行功能

来自分类Dev

AngularJS指令,用于在离开/关闭页面之前检测未决的更改

来自分类Dev

使用AngularJS指令更改div中div的滚动位置

来自分类Dev

AngularJS:指令上的ng-controller不适用于指令内的已包含元素

来自分类Dev

AngularJS:将属性值从一个指令传递给已包含的指令

来自分类Dev

列出AngularJS模块中已声明的指令/控制器

来自分类Dev

如何使用已编译的模板创建AngularJS工具提示指令?

来自分类Dev

父指令AngularJS无法访问已包含内容

来自分类Dev

我无法编译已加载RequireJS的AngularJS指令

来自分类Dev

angularjs指令来检查密码已重复不起作用

来自分类Dev

父指令AngularJS无法访问已包含内容

Related 相关文章

  1. 1

    滚动底部 Angularjs 指令

  2. 2

    AngularJS指令检测传入的模型属性更改

  3. 3

    AngularJS指令如何检测属性中的更改

  4. 4

    AngularJS指令检测传入的模型属性更改

  5. 5

    AngularJS指令上类似DependencyProperty的功能?

  6. 6

    如何从指令链接功能更新AngularJS模型?

  7. 7

    AngularJS指令调用控制器功能

  8. 8

    AngularJS指令上类似DependencyProperty的功能?

  9. 9

    AngularJS指令调用控制器功能

  10. 10

    指令链接功能中的AngularJS更新属性

  11. 11

    AngularJs指令编译功能和隔离范围

  12. 12

    AngularJs中ng-app指令的功能

  13. 13

    AngularJS指令是否使用输出参数?

  14. 14

    AngularJS指令-是否需要隔离范围属性?

  15. 15

    检测是否已为angularjs指令提供了包含内容

  16. 16

    检测是否已为angularjs指令提供了包含内容

  17. 17

    AngularJS在指令模板中执行控制器功能

  18. 18

    AngularJS:在指令中从控制器执行功能

  19. 19

    AngularJS:在指令中从控制器执行功能

  20. 20

    AngularJS指令,用于在离开/关闭页面之前检测未决的更改

  21. 21

    使用AngularJS指令更改div中div的滚动位置

  22. 22

    AngularJS:指令上的ng-controller不适用于指令内的已包含元素

  23. 23

    AngularJS:将属性值从一个指令传递给已包含的指令

  24. 24

    列出AngularJS模块中已声明的指令/控制器

  25. 25

    如何使用已编译的模板创建AngularJS工具提示指令?

  26. 26

    父指令AngularJS无法访问已包含内容

  27. 27

    我无法编译已加载RequireJS的AngularJS指令

  28. 28

    angularjs指令来检查密码已重复不起作用

  29. 29

    父指令AngularJS无法访问已包含内容

热门标签

归档