Я делаю анимацию так, чтобы при прокрутке она переходила ко второму разделу, а когда вы находитесь во втором разделе, при прокрутке вверх, он возвращался к первому разделу. как мне это сделать
window.onscroll = function() {myFunction()};
function myFunction() {
if (document.body.scrollTop == 0) {
$('html, body').animate({
scrollTop: $("#section2").offset().top
}, 500);
}
}
body, html, .main {
height: 100%;
}
/* html {
scroll-behavior: smooth;
} */
section {
height: 100vh;
}
.test {
background-color: yellow;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
</head>
<body style="height:100vh">
<div class="main" id="section1">
<section style="background-color:red">section1</section>
</div>
<br/>
<div class="main" id="section2">
<section style="background-color:blue">section2</section>
</div>
</body>