Parallax with Bootstrap

Question

I am using Bootstrap 3.1 on a website for a client who wants parallax scrolling, but I have an issue with the coding behind the parallax scrolling, because I simply can't figure out why my coding works.

I have a piece of code used for parallax scrolling, and it works, and I simply cannot figure out why. The piece of code is as follows, but I do not have any jQuery rules that applies to the data-type or the data-speed.

<div class="bg-parallax" id="par-studying" data-type="background" data-speed="20">

</div><!--End of parallax-background-->

My CSS code for those rules is

.bg-parallax {
background: no-repeat fixed;
background-position: 50% 50%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

height: 300px;
margin: 0 auto;
width: 100%;
}

I suspect that it is because of the fixed background, but I am not sure.

CodingWithSpike · Accepted Answer · 2015-01-18 22:07:22Z

2

You must be using some JavaScript code somewhere to do parallax, because that CSS alone won't do it.

Based on the data- attributes, I'm guessing that this is what you are using: A Simple Parallax Scrolling Technique That site explains the code.

answered Jan 18, 2015 at 22:07

CodingWithSpike

43.9k18 gold badges106 silver badges141 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Parallax with Bootstrap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related