Poziom przesunięcia sqroll bara.

Question

Witam, na stronie którą podaje jako przykład, jest bardzo intrygujący i ciekawy poziom przewijania strony w dół.(u góry ładuje się czerwony pasek im niżej tym bardziej w prawo) Link nie łamie regulaminu forum i dlatego umieszczam, jeżeli jednak jest niezgodny z nim, proszę o usunięcie go. www.bochnianin.pl Przy przewijaniu artykułu u samej góry od lewej do prawej ładuję się pasek informujący użytkownika o miejscu w którym się znajduję. Proszę o pomoc w określeniu co to jest i jak najłatwiej to podpiąć pod swój projekt :)

Answer 1

Jest to stosunkowo proste do napisania. Tworzysz np. <div> któremu nadajesz position: fixed, reszta już się dzieje w js.

Musisz napisać funkcję która będzie sczytywać wysokość całej strony (minus wysokość ekranu), następnie sczytywać aktualne położenie górnej krawędzi ekranu i modyfikować szerokość elementu div (np. w procentach) przyjmując odpowiednie proporcje (np: pozycja górnej krawędzi ekranu*100/wysokość całej strony pomniejszona o wysokość ekranu). Funkcję tą musisz już tylko przypisać do zdarzenia 'scroll'.

To tak na szybko, więc mogłem coś pokręcić (choć mam nadzieję, że kluczowy mechanizm przedstawiłem w miarę jasno).

Comments

Możesz podać jakieś źródło gdzie to jest w jakiś sposób opisane?