201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

My website is http://hgrsolutions.com.

The second section down you will see some green circles. I am using a parallax effect to move the circles. My website has a 98% width, so the windows re size when you re size your browser window. The issue I have run into is that the green circles (parallax) are still holding their x position when you re size the browser window. In other words, it doesn’t stay centered with the window. It seems like the only way around this is to set a fixed width for the site :/ Which I don’t really want to because it is meant to be a wide site.

Is there a javascript solution to keep the container (#instructor-container) that the parallax is in center at all times?

If your confused, here’s m skype user: ace2296 feel free to chat with me there :)

You should be able to view my css and java with firebug.

3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 more
pezflash
says

On parallax.js setup your var windowWidth variable to a dynamic value, getting the current/dynamic stage width instead of the fixed 1024px. Didn’t test it, but it should work.

201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

On parallax.js setup your var windowWidth variable to a dynamic value, getting the current/dynamic stage width instead of the fixed 1024px. Didn’t test it, but it should work.

Could you rewrite that line or me with a dynamic width? preferably 100%

2468 posts
  • 6 Years of Membership
  • Author Level 2
  • Affiliate Level 4
  • Beta Tester
+3 more
digitalimpact
says
var windowWidth = $("#instructor-container").width();
201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

var windowWidth = $("#instructor-container").width();

Take a look at it. It froze the parallax

3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 more
pezflash
says
You can’t use $ ref there.
Use screen-width http://www.w3schools.com/jsref/prop_screen_width.asp

Make it dynamic

;)

201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

You can’t use $ ref there.
Use screen-width http://www.w3schools.com/jsref/prop_screen_width.asp

Make it dynamic

;)

Still not working. Sorry lol I’m pretty new to java. Idk if I wrote it right

973 posts
  • Affiliate Level 2
  • Author Level 4
  • Beta Tester
  • Collector Level 4
+6 more
aaranmcguire
says

Still not working. Sorry lol I’m pretty new to java. Idk if I wrote it right

Just to let you know Java and Javascript, completely different.

201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says


Still not working. Sorry lol I’m pretty new to java. Idk if I wrote it right
Just to let you know Java and Javascript, completely different.

ahh sorry javascript*. I knew that

201 posts
  • 6 Years of Membership
  • Collector Level 5
  • United States
ace2296
says

You can’t use $ ref there.
Use screen-width http://www.w3schools.com/jsref/prop_screen_width.asp

Make it dynamic

;)
Could you perhaps rewrite the line of code for me with 100% width?
by
by
by
by
by
by