skrollr v0.6.0 Release Notes

Release Date: 2013-05-18 // almost 11 years ago
  • Expect things to break when coming from 0.5! Read through the changelog. Migration is not hard.

    • [breaking] There's no more skrollr.mobile.js file. You only need skrollr.js. You no longer need to conditionally include skrollr.mobile.js.
    • 📚 You can configure how skrollr detects mobile browsers using the mobileCheck option (check out the documentation).
    • [possibly breaking] The meaning of the #skrollr-body element changed. Put all static elements inside of it and all absolute/fixed elements outside. It doesn't need to be the first child of the body anymore.
    • [breaking] The rendered and unrendered classes where renamed because they were confusing and wrong. They're now called skrollable-before and skrollable-after, because that's their meaning (the element with these classes is before/after the first/last keyframe).
      • Added a new class skrollable-between, because symmetry. That's why.
    • Easing functions are now applied when exactly at a keyframe (#132).
    • [possibly breaking] The behavior changed for the case when the scroll position is before/after the first/last keyframe (I'm just gonna use "before first" from now on, because "after last" is analog). In 0.5 the behavior was not exactly specified and buggy (see item above regarding #132). Skrollr was applying the styles of the first keyframe to the element for all scroll position that were before the first keyframe. E.g. when data-100="top:200px;" was the first keyframe, the element had top:200px; at all scroll positions before (all from 0 to 99). From now on you can specify the behavior you want (see edgeStrategy option for details, set it to set for old behavior). Note: 0.6.7 and up use set as default.