/JQuery-simple-parallaxScroll

Very alpha of a smooth parallaxscroll

Primary LanguageJavaScriptMIT LicenseMIT

JQuery-Simple-parallaxScroll

Very alpha of a smooth parallaxscroll. Useable for creating nice parallax headers.

How to use

Define a container with an inner container:

<div id="parallax">
  <div></div>
</div>

The outer container should hold the parallax background and the inner container should hold the Logo.

Define a style for both containers like this:

#parallax {
    height: 435px !important;
    background: url('background.png') top center!important;
    background-size: auto 100%;
}

#parallax div {
    margin: 0 auto;
    background: url('logo.png') center center no-repeat!important;
    width: 385px;
    height: 435px;
}

Call the Plugin:

jQuery("#parallax").parallaxScroll({});