//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();;
});
}