что нибудь самое примитивное, никаких супер сложных функций, пожалуйста :D
я тут попыталась сделать пример, но не смогла сообразить что делать дальше после прокрутки из первой страницы во вторую:
$(function(){
var $win = $(window);
$win.on("scroll", function () {
var top = $win.scrollTop();
if(top>300){
$('.p1').css({'height':-top/4 + 'px','transition':'800ms ease'})
}
});
})
section {
background-color: red;
height: 100vh;
}
section:nth-child(odd) {
background-color: blue
}
.p2 {
position: absolute;
width: 100%
}
.p3, .p4, .p5 {
position: absolute;
top: 100vh;
width: 100%;
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="p1">1</section>
<section class="p2">2</section>
<section class="p3">3</section>
<section class="p4">3</section>
<section class="p5">3</section>
должно получиться типо так: https://codepen.io/tutsplus/full/VvZXMP/