Skip to content

Instantly share code, notes, and snippets.

@al-mighty

al-mighty/parallax-translate3d.js

Forked from agragregra/parallax-translate3d.js
Created June 6, 2016 14:12
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save al-mighty/b7ece91e29bcad09bd7fdd69b177ef98 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save al-mighty/b7ece91e29bcad09bd7fdd69b177ef98 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @agragregra agragregra revised this gist Apr 18, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions parallax-translate3d.js
    View file
    Original file line number Diff line number Diff line change
    @@ -3,8 +3,8 @@ $(window).scroll(function() {
    var st = $(this).scrollTop() /10;

    $(".object").css({
    "transform" : "translate3d(0px, " + st + "%, 0px)",
    "-webkit-transform" : "translate3d(0px, " + st + "%, 0px)"
    "transform" : "translate3d(0px, " + st + "%, .01px)",
    "-webkit-transform" : "translate3d(0px, " + st + "%, .01px)"
    });

    });
  2. @agragregra agragregra renamed this gist Apr 16, 2015. 1 changed file with 0 additions and 0 deletions.
    0 parallax.js → parallax-translate3d.js
    View file
    File renamed without changes.
  3. @agragregra agragregra created this gist Apr 16, 2015.
    10 changes: 10 additions & 0 deletions parallax.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    $(window).scroll(function() {

    var st = $(this).scrollTop() /10;

    $(".object").css({
    "transform" : "translate3d(0px, " + st + "%, 0px)",
    "-webkit-transform" : "translate3d(0px, " + st + "%, 0px)"
    });

    });