Nealoo
1/29/2018 - 3:15 AM

full screen scroll

  //DIY home page scroll js
  if( $('.page-template-index').length > 0 ){
    //1. disable the default scroll
    var disableScrollTemp = function(){
      $('body').on({
        'mousewheel': function(e) {
            if (e.target.id == 'el') return;
            e.preventDefault();
            e.stopPropagation();
        }
      });
      
      setTimeout(function(){
        $('body').off('mousewheel');
      },500);
    }
    
    var getTargetSTop = function(direction){
      var curSTop = $(window).scrollTop();
      var curScreenHeight = window.innerHeight;
      
      if(direction == 'up'){
        if ( curScreenNum <= 0 ){
          return 0;
        }else{
          curScreenNum--;
          return curScreenNum*curScreenHeight;
        }
      }else {
        if ( curScreenNum > 2 ){
          return curScreenNum*curScreenHeight + $('.site-footer').outerHeight(true);
        }else{
          curScreenNum++;
          return curScreenNum*curScreenHeight;
        }
      }
    }
    
    var lastScrollTop = 0;
    var curScreenNum = 0;
    var scrollLock = false;
    
    $(window).scroll(function(event){
       var st = $(this).scrollTop();
      
       var newTop = 0;
       
      //run once every .5s
      if( scrollLock ){
        return false;
      }else{
        scrollLock = true;
        
        setTimeout(function(){scrollLock = false},500);
      }
      
      
       if (st > lastScrollTop){

           disableScrollTemp();
           newTop = getTargetSTop('down');
           //$(window).scrollTop( getTargetSTop('down') );
       } else {

           disableScrollTemp();
           //$(window).scrollTop( getTargetSTop('up') );
           newTop = getTargetSTop('up');
       }
       $('html,body').animate({scrollTop:newTop}, '500');
      
       setTimeout(function(){lastScrollTop = $(window).scrollTop();},500);
       
    });
  }
//DIY home page scroll js
  if( $('.page-template-index').length > 0 ){
    //1. disable the default scroll
    var disableScrollTemp = function(){
      $('body').on({
        'mousewheel': function(e) {
            if (e.target.id == 'el') return;
            e.preventDefault();
            e.stopPropagation();
        }
      });
      
      setTimeout(function(){
        $('body').off('mousewheel');
      },500);
    }
    
    var getTargetSTop = function(direction){
      var curSTop = $(window).scrollTop();
      var curScreenHeight = window.innerHeight;
      
      if(direction == 'up'){
        if ( curScreenNum <= 0 ){
          return 0;
        }else{
          curScreenNum--;
          return curScreenNum*curScreenHeight;
        }
      }else {
        if ( curScreenNum > 2 ){
          return curScreenNum*curScreenHeight + $('.site-footer').outerHeight(true);
        }else{
          curScreenNum++;
          return curScreenNum*curScreenHeight;
        }
      }
    }
    
    var lastScrollTop = 0;
    var curScreenNum = 0;
    var scrollLock = false;
    
    $(window).scroll(function(event){
       var st = $(this).scrollTop();
       
      //run once every .5s
      if( scrollLock ){
        return false;
      }else{
        scrollLock = true;
        
        setTimeout(function(){scrollLock = false},500);
      }
      
      
       if (st > lastScrollTop){
           console.log('down');
           disableScrollTemp();
           $(window).scrollTop( getTargetSTop('down') );
       } else {
          console.log('up');
         disableScrollTemp();
         $(window).scrollTop( getTargetSTop('up') );
       }
       lastScrollTop = $(window).scrollTop();;
    });
  }