Prinzhorn / skrollr

Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).
http://prinzhorn.github.io/skrollr/
MIT License
18.53k stars 3.5k forks source link

Bug when the page is loaded already scrolled #806

Open FezVrasta opened 8 years ago

FezVrasta commented 8 years ago

How to reproduce:

  1. Open: http://fezvrasta.github.io/
  2. Scroll till the bottom (the background get blurred)
  3. refresh the page
  4. the page is loaded at the same scroll position
  5. the background is not blurred
  6. scroll on top
  7. the background get blurred

As you see, the behavior is the opposite of what I'd expect

The element which fades out (to let see the blurred version) is:

<div class="background" data-top="opacity: 1;" data-100p="opacity: 0;"></div>