entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Scroll vertical con jquery

No consigo hacer funcionar un efecto de scroll a página completa del section uno al section dos y la inversa, funciona solo de arriba abajo, pero abajop a arriba no acaba de funcionar.

jQuery:

$(function () {
  var uno = $(".uno").offset().top;
  var dos = $(".dos").offset().top;

  $(window).scroll(function () {
    if ($('.uno').scrollTop() + 1) {
      $("html, body").animate({
        scrollTop: dos
      }, 2000); 
    }
    else if ($('.dos').scrollTop() - 1) {
      $("html, body").animate({
        scrollTop: uno
      }, 2000); 
    }
  });
});

HTML:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<main>
<section class="uno">
</section>
<section class="dos">
</section>
</body>
</html>

CSS:

.uno {
  background-color: blue;
  top: 0;
  left: 0;
  width: auto;
  height: 100vh;
}

.dos {
  background-color: red;
  top: 0;
  left: 0;
  width: auto;
  height: 100vh;
}

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta