码迷,mamicode.com
首页 > 其他好文 > 详细

angular之上滑换页指令

时间:2016-11-30 13:42:17      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:window   apply   属性   lis   scrolltop   outer   fresh   eve   dir   

healthmallDirectives.directive("goodsTopRefresh", [‘$window‘,function ($window) {
        return {
            link: function (scope,el,attrs) {
                var wai = $window.document.getElementById("outerDiv");
                var content = $window.document.getElementById("goodsnei")

                wai.addEventListener("scroll", function (e) {
                    var waiHeight = wai.offsetHeight;
                    var contentHeight = content.offsetHeight;
                    var waiTop = wai.scrollTop;
                    if(waiTop+ waiHeight-40 >= contentHeight){
                        var startY;
                        var endY;
                        content.addEventListener("touchstart", function (e){
                            startY = e.changedTouches[0].pageY;
                        });
                        content.addEventListener("touchend", function (e){
                            endY= e.changedTouches[0].pageY;
                            if(startY -endY>=80){
                                scope.$apply(attrs.toptorefresh);
                            }
                        });

                    }
                })
            }

        };
    }]);

  获得滚动页的大小和内容页大小,通过touchStart和touchEnd判断页面是否是上滑,若上滑则执行toptorefresh属性中的方法

angular之上滑换页指令

标签:window   apply   属性   lis   scrolltop   outer   fresh   eve   dir   

原文地址:http://www.cnblogs.com/54td/p/6093060.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!