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;
}