Skip to content

Instantly share code, notes, and snippets.

@leocunhadev

leocunhadev/Paralax - js

Created March 30, 2020 02:55
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save leocunhadev/ce0aff7bee018f95d8c8001f89c3b040 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save leocunhadev/ce0aff7bee018f95d8c8001f89c3b040 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. leocunhadev created this gist Mar 30, 2020.
    13 changes: 13 additions & 0 deletions Paralax - js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,13 @@
    jQuery(document).ready(function(){
    $(window).scroll(function(e){
    parallaxScroll();
    });

    function parallaxScroll(){
    var scrolled = $(window).scrollTop();
    $('#parallax-bg-1').css('top',(0-(scrolled*.10))+'px');
    $('#parallax-bg-2').css('top',(0-(scrolled*.4))+'px');
    $('#parallax-bg-3').css('top',(0-(scrolled*1))+'px');
    }

    });