Scroll mouse down or scroll mouse up

Ask the community
,
29

Hi there,
My current code for 6 slides is as follows.

But as I wrote earlier, I’m ready to add you as a co-author of the site. To do this, just write me an email (which you use to sign into your account) to hello@wixcraft.com

// FUNCTIONS

var trigger_1_2 = true;

function scroll_1_2() {
    if (trigger_1_2) {
      	$w("#anchor2").scrollTo();
	}
}

var trigger_2_1 = true;

function scroll_2_1() {
    if (trigger_2_1) {
      	$w("#anchor1").scrollTo();
	}
}



var trigger_2_3 = true;

function scroll_2_3() {
    if (trigger_2_3) {
      	$w("#anchor3").scrollTo();
	}
}



var trigger_3_2 = true;

function scroll_3_2() {
    if (trigger_3_2) {
      	$w("#anchor2").scrollTo();
	}
}



var trigger_3_4 = true;

function scroll_3_4() {
    if (trigger_3_4) {
      	$w("#anchor4").scrollTo();
	}
}

var trigger_4_3 = true;

function scroll_4_3() {
    if (trigger_4_3) {
      	$w("#anchor3").scrollTo();
	}
}



var trigger_4_5 = true;

function scroll_4_5() {
    if (trigger_4_5) {
      	$w("#anchor5").scrollTo();
	}
}

var trigger_5_4 = true;

function scroll_5_4() {
    if (trigger_5_4) {
      	$w("#anchor4").scrollTo();
	}
}



var trigger_5_6 = true;

function scroll_5_6() {
    if (trigger_5_6) {
      	$w("#anchor6").scrollTo();
	}
}

var trigger_6_5 = true;

function scroll_6_5() {
    if (trigger_6_5) {
      	$w("#anchor5").scrollTo();
	}
}



var trigger_6_7 = true;

function scroll_6_7() {
    if (trigger_6_7) {
      	$w("#anchor7").scrollTo();
	}
}

var trigger_7_6 = true;

function scroll_7_6() {
    if (trigger_7_6) {
      	$w("#anchor6").scrollTo();
	}
}



// SLIDE 1

export function anchor1_viewportLeave() {
	scroll_1_2();
	trigger_1_2 = true;
	trigger_2_1 = false;
	setTimeout( () => {
    	$w("#anchor1UP").show();
  	}, 1400);
}

export function anchor1UP_viewportEnter() {
	$w("#anchor1").scrollTo();
	trigger_2_3 = false;
}



// SLIDE 2

export function anchor2_viewportLeave() {
	scroll_2_3();
	trigger_2_3 = true;
	trigger_3_2 = false;
	setTimeout( () => {
    	$w("#anchor2UP").show();
  	}, 1400);
}

export function anchor2UP_viewportEnter() {
	$w("#anchor2").scrollTo();
	trigger_3_4 = false;
}



// SLIDE 3

export function anchor3_viewportLeave() {
	scroll_3_4();
	trigger_3_4 = true;
	trigger_4_3 = false;
	setTimeout( () => {
    	$w("#anchor3UP").show();
  	}, 1400);	
}

export function anchor3UP_viewportEnter() {
	$w("#anchor3").scrollTo();
	trigger_4_5 = false;
}



// SLIDE 4

export function anchor4_viewportLeave() {
	scroll_4_5();
	trigger_4_5 = true;
	trigger_5_4 = false;
	setTimeout( () => {
    	$w("#anchor4UP").show();
  	}, 1400);
}

export function anchor4UP_viewportEnter() {
	$w("#anchor4").scrollTo();
	trigger_5_6 = false;
}



// SLIDE 5

export function anchor5_viewportLeave() {
	scroll_5_6();
	trigger_5_6 = true;
	trigger_6_5 = false;
	setTimeout( () => {
    	$w("#anchor5UP").show();
  	}, 1400);
}

export function anchor5UP_viewportEnter() {
	$w("#anchor5").scrollTo();
	trigger_6_7 = false;
}



// SLIDE 6

export function anchor6_viewportLeave() {
	scroll_6_7();
	trigger_6_7 = true;
	trigger_7_6 = false;
	setTimeout( () => {
    	$w("#anchor6UP").show();
  	}, 1400);
}

export function anchor6UP_viewportEnter() {
	$w("#anchor6").scrollTo();
}



// HIDE

export function anchor1_viewportEnter() {
	$w("#anchor1UP").hide();
}

export function anchor2_viewportEnter() {
	$w("#anchor2UP").hide();
}

export function anchor3_viewportEnter() {
	$w("#anchor3UP").hide();
}

export function anchor4_viewportEnter() {
	$w("#anchor4UP").hide();
}

export function anchor5_viewportEnter() {
	$w("#anchor5UP").hide();
}

export function anchor6_viewportEnter() {
	$w("#anchor6UP").hide();
}