194 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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.

3750 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 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.

194 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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%

2459 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has referred 100+ members
  • Has been a beta tester for an Envato feature
+3 more
digitalimpact says
var windowWidth = $("#instructor-container").width();
194 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in United States
ace2296 says

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

Take a look at it. It froze the parallax

3750 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says
You can’t use $ ref there.
Use screen-width http://www.w3schools.com/jsref/prop_screen_width.asp

Make it dynamic

;)

194 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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
  • Has referred 10+ members
  • Has sold $5,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 100+ items on Envato Market
+5 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.

194 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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

194 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in 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