navigate sections by up down buttons

PHOTO EMBED

Thu Sep 08 2022 15:17:09 GMT+0000 (UTC)

Saved by @rumpski #undefined



// // export function section1_viewportEnter(event) {
// //   $w('#buttonNext').show("roll",rollOptions);
// // 	$w('#sideShapeMain').show("glide",glideOptions);
// //   // $w('#sideShapeMain').show("fade",fadeOptions); 
// //   $w('#logoBgnd').hide("glide",glideOptions2);
// // }

// // export function Section1Regular_viewportEnter(event) {
// // console.log('do something')
// // 	$w('#sideShapeMain').hide("glide",glideOptions); 
// //   // $w('#sideShapeMain').hide("fade",fadeOptions); 
// //   $w('#logoBgnd').show("glide",glideOptions2);
// // }

// function scrollToNextSection(){

//   if (nextSect == "1"){
// 	$w('#section1Top').scrollTo();
//   nextSect = "2";
//   prevSect = "1";

//   } else if (nextSect == "2"){
// 	$w('#section2car').scrollTo();
//   nextSect = "3";
//   prevSect = "2";
 
//   } else if (nextSect == "3"){
// 	$w('#section3Info').scrollTo();
//   nextSect = "2";
//   prevSect = "3";
  
//   } else if (nextSect == "4"){
// 	$w('#section4Carbon').scrollTo();
//   nextSect = "3";
//   prevSect = "4";
  
//   } else if (nextSect == "5"){
// 	$w('#section5RearView').scrollTo();
//   nextSect = "4";
//   prevSect = "5";
  
//   } else if (nextSect == "6"){
// 	$w('#section6Pledge').scrollTo();
//   nextSect = "bottom";
//   prevSect = "6";
  
//   } else if (nextSect == "bottom"){
// 	$w('#buttonNext').hide();
//   nextSect = "bottom";
//   prevSect = "5";
//   }
// }

// function scrollToPrevSection(){
//   if (prevSect == "0"){
// 	$w('#section1Top').scrollTo();
//   $w('#buttonPrev').hide();
//   nextSect = "2";
//   prevSect = "1";

//   } else if (prevSect == "1"){
// 	$w('#section1Top').scrollTo();
//   $w('#buttonPrev').hide();
//   nextSect = "2";
//   prevSect = "1";

//   } else if (prevSect == "2"){
// 	$w('#section2car').scrollTo();
//   nextSect = "3";
//   prevSect = "2";
  
//   } else if (prevSect == "3"){
// 	$w('#section3Info').scrollTo();
//   nextSect = "4";
//   prevSect = "3";
 
//   } else if (prevSect == "4"){
// 	$w('#section4Carbon').scrollTo();
//   nextSect = "5";
//   prevSect = "4";
  
//   } else if (prevSect == "5"){
// 	$w('#section5RearView').scrollTo();
//   nextSect = "6";
//   prevSect = "5";
  
//   } else if (prevSect == "6"){
// 	$w('#section6Pledge').scrollTo();
//   nextSect = "bottom";
//   prevSect = "6";
  
//   } 
// }

// export function buttonNext_click(event) {
// 	scrollToNextSection();
// }

// export function buttonPrev_click(event) {
// 	scrollToPrevSection();
// }

// export function section1Top_viewportEnter(event) {
//   $w('#buttonPrev').show();
// // 	nextSect = "2";
// //   prevSect = "0";
// }

// export function section2car_viewportEnter(event) {
//   $w('#buttonPrev').show();
//   // nextSect = "3";
//   // prevSect = "1";
// }

// // export function section3Info_viewportEnter(event) {
// // 	nextSect = "4";
// //   prevSect = "2";
// // }

// // export function section4Carbon_viewportEnter(event) {
// // 	nextSect = "5";
// //   prevSect = "3";
// // }

// // export function section5RearView_viewportEnter(event) {
// //   $w('#buttonNext').show();
// // 	nextSect = "6";
// //   prevSect = "4";
// // }

// export function section6Pledge_viewportEnter(event) {
//   $w('#buttonNext').hide();
// 	// nextSect = "bottom";
//   // prevSect = "5";
// }

/**
*	Adds an event handler that runs when the mouse pointer is moved
 off of the element.

 You can also [define an event handler using the Properties and Events panel](https://support.wix.com/en/article/velo-reacting-to-user-actions-using-events).
	[Read more](https://www.wix.com/corvid/reference/$w.Element.html#onMouseOut)
*	 @param {$w.MouseEvent} event
*/


/**
*	Adds an event handler that runs when the mouse pointer is moved
 off of the element.

 You can also [define an event handler using the Properties and Events panel](https://support.wix.com/en/article/velo-reacting-to-user-actions-using-events).
	[Read more](https://www.wix.com/corvid/reference/$w.Element.html#onMouseOut)
*	 @param {$w.MouseEvent} event
*/
content_copyCOPY