Доброе время суток! Увидел на одном сайте красивый скролинг от одного, наверное, блока к другому (Не сочтите за рекламу, увидел
здесь)
Попытался реализовать свою грубую, корявую версию:
function heigth_inc()
{
var container = document.getElementById('container');
var container_second = document.getElementById('container_second');
container.style.height = document.body.clientHeight - 18 +'px';
container_second.style.height = document.body.clientHeight - 18 +'px';
}
var i_scroll = 0;
var pause = 2;
var step = 2;
var scrollheight = document.body.clientHeight;
function scrollwindow() {
window.scroll(0,i_scroll)
i_scroll+= step;
if (i_scroll >= scrollheight){
return;
}
var timer = setTimeout("scrollwindow()",pause)
}
window.onload=scrollwindow;
</script>
<body onload='heigth_inc()' style='background-color: #000000;'>
<div id="container" style="border: 1px solid #000; background-color: #000000; color: #FFFFFF; width: 100%;">
test
<br>
<button onclick="scrollwindow()">Скроллинг</button>
</div>
<div id="container_second" style="border: 1px solid #000; background-color: #FFFFFF; color: #000000; width: 100%;">
test2
</div>
</body>
Естественно, вышло коряво
Сам я новичок в этом. В общем, был бы крайне благодарен за подсказки\помощь в реализации подобного скролинга или может кто-то встречал уже готовые реализации такого...
Еще, возможно не совсем по теме, но хотелось бы узнать подробней о таком разбиении страницы на 2 блока а-ля 2 странички отдельные. Изначально, я подумал, что это 2 div блока, собственно так и пытался писать. Пробовал искать в поисковике подобное, но так и не нашёл, возможно формулирую не верные запросы