Parallax

Parallax efekt – obrázky a video na pozadí:

  • Implement a Simple Parallax Effect
    • jQuery(document).ready(function($) {
          // Set the background-attachment for body to "fixed" so that
          // we can control it's scroll speed.
          $('body').css('background-attachment', 'fixed');
      
          // Attach a function to watch the window.scroll event, and
          // move the background image slower than the content scroll.
          $(window).scroll(function () {
              document.body.style.backgroundPosition = "0px " + (0 – (Math.max(document.documentElement.scrollTop, document.body.scrollTop) / 4)) + "px";
          });
      });
  • Wordpress
  • Drupal
  • Další
    • Skrollr
    • sequencejs.com/themes/sliding-horizontal-parallax
    • github.com/IanLunn/jQuery-Parallax
    • pixelcog.github.io/parallax.js
    • github.com/flesler/jquery.scrollTo

Příklad parallax efektu: wwws.superfish.com