首页 > 其他 > 详细

angular之上滑换页指令

时间:2016-11-30 13:39:30      阅读:219      评论:0      收藏:0      [点我收藏+]
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之上滑换页指令

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!