JScript movimiento entre secciones
Publicado por Ivan (1 intervención) el 18/06/2020 03:12:13
Hola, soy muy novato en el tema de javascript y he construido un script para moverte sección arriba sección abajo sin quedarte nunca entre secciones, el problema es que solo se invocarlos con el evento wheel, necesitó que se active con el scroll para que funcione en mobiles y tablets, he probado mil cosas y solo consigo crear bucles infinitos, dejo el código con wheel aquí abajo.(contad que son 9 secciones)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var seccion = document.querySelectorAll("section");
function scrollprevias(){
if(hero.style.height == "0px" && separacion.style.height == "0px" && previas.style.height == "0px"){
window.addEventListener("wheel", moverseccion);
let i = 0;function moverseccion(){
let rueda = event.deltaY;
console.log(i);
if(rueda>0){
if(i<(seccion.length-1)){i++;}
}else{
if(i>0){i--;}
}seccion[i].scrollIntoView({ behavior: 'smooth', block: 'end'});
} }}Valora esta pregunta
0
