pomysł na wykonanie strony

Question

Witam, czy wiecie może jak zrobic stronę jak taka?
http://dropss.pl/
chodzi o to ze jest jedna strona na jednego scorlla, zastanawiam się też jak zrobić obrazek który nie zależnie od rodzielczości naszej strony bedzie taki sam i w tym wypadku chodzi mi o panią na pierwszej stronie :D ktos ma jakies pomysły? :D

Answer 1

Animacja to po prostu przejście starej zawartości w nową doczytaną. 

Aby sprawdzić, czy ktoś scrolluje w dół czy też w górę skorzystaj z kodu:

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st;
});

Ustaw strony i nazwy podstron URL w jakiejś tablicy i przesuwaj indeks w zależności od tego czy scrollowano w dół czy w górę. Warto sprawdzić czas eventu, aby była różnica w czasie pomiędzy poszczególnymi zdarzeniami i scroll nie działał 'za szybko'.  Do zmiany URL skorzystaj z:

function processAjaxData(response, urlPath){
     document.getElementById("content").innerHTML = response.html;
     document.title = response.pageTitle;
     window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);
 }

Answer 2

np. fullpage.js

co do obrazka to nie za bardzo rozumiem o co Ci chodzi, bo jak widzisz, na mobilnych wersjach trochę się różni niż na desktopy i tablety.