首页 > 代码库 > angular之上滑换页指令
angular之上滑换页指令
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之上滑换页指令
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。