Home - xiaojiandong/blogAndResourceCollect GitHub Wiki

Welcome to the blogAndResourceCollect wiki!

笔记：右侧Pages

####百度段网址 百度短网址(将长网址缩短)

###js判断滚动条滚动方向

<script>
    var now=0,last=0;
    window.addEventListener('scroll',function(){
        var bodyScrollTop = document.body.scrollTop;//滚动条距顶部高度(随着滚动而变化)
        var bodyScrollHeight = document.body.scrollHeight;//文档的总高度//(定值)
        var windowHeight = document.documentElement.clientHeight;//窗口可视区高度(定值)
        var documentScrollTop = document.documentElement.scrollTop;
        //console.log('窗口滚动事件：'+bodyScrollTop+'; '+bodyScrollHeight+' ; '+windowHeight);
        now = bodyScrollTop;
        if(last<=now){
            console.log('下滚');
        }else{
            console.log('往上上');
        }
        setTimeout(function(){last = now;},0);

    });
</script>

###js操作css3

   page1Obj.style.transition="-webkit-transform 1500ms ease-out";
   page1Obj.style.webkitTransform="translate(0px,"+(-winH)+"px) translateZ(0px)";

###css3顺序

  -webkit-transform: rotate(45deg) scale(0.5) skew(30deg, 30deg) translate(100px, 100px);
  -webkit-animation-iteration-count:3; //infinite

###jquery滚动条高度大于窗口高度

 var winH = $(window).height();
   //alert('winH : ' +winH) ;
   $(window).on('scroll',function(){
      var scrollTop = $(document).scrollTop();
      console.log('scrollTop : '+scrollTop+' ; winH'+winH);
      if(scrollTop >= winH){ //滚动条高度超过窗口高度
        $('.js_nav_wrap').addClass('fixed-nav');
      }else{
        $('.js_nav_wrap').removeClass('fixed-nav');
      }
   });

###setTimeout同步执行顺序

     var showItem = function(i){
            (function(num){ // 创建闭包
                var timeArr = [0,700,1400,2100,2800,3500,4200,4900,5600];
                setTimeout(function(){
                    //console.log('i : '+i);
                    $('.js_s5_common').eq(i).fadeIn(600); // 依次按顺序执行
                },timeArr[i]);
            })(i);
        };

        var s5Len=$('.js_s5_common').length;
        console.log('s5Len : '+s5Len);
        for(var i=0;i<s5Len;i++){
           showItem(i);
        }
⚠️ **GitHub.com Fallback** ⚠️