zoukankan      html  css  js  c++  java
  • 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属性中的方法

  • 相关阅读:
    cookie操作和代理
    发起post请求
    scrapy核心组件
    爬取多个url页面数据--手动实现
    scrapy之持久化存储
    selenium + phantomJs
    scrapy框架简介和基础使用
    校验验证码 实现登录验证
    beautifulsoup解析
    xpath
  • 原文地址:https://www.cnblogs.com/54td/p/6093060.html
Copyright © 2011-2022 走看看