- Bought between 100 and 499 items
- Has been a member for 3-4 years
- United States
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.
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Sold between 100 000 and 250 000 dollars
- Exclusive Author
- Author was Featured
- Item was Featured
- Beta Tester
- Has been a member for 3-4 years
- Spain
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.
- Bought between 100 and 499 items
- Has been a member for 3-4 years
- United States
pezflash said
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%
- Has been a member for 4-5 years
- Exclusive Author
- Europe
- Bought between 10 and 49 items
- Referred between 100 and 199 users
- Sold between 100 and 1 000 dollars
- Microlancer Beta Tester
var windowWidth = $("#instructor-container").width();
- Bought between 100 and 499 items
- Has been a member for 3-4 years
- United States
digitalimpact said
var windowWidth = $("#instructor-container").width();
Take a look at it. It froze the parallax
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Sold between 100 000 and 250 000 dollars
- Exclusive Author
- Author was Featured
- Item was Featured
- Beta Tester
- Has been a member for 3-4 years
- Spain
Use screen-width http://www.w3schools.com/jsref/prop_screen_width.asp
Make it dynamic
- Bought between 100 and 499 items
- Has been a member for 3-4 years
- United States
pezflash said
You can’t use $ ref there.
Use screen-width http://www.w3schools.com/jsref/prop_screen_width.aspMake it dynamic
Still not working. Sorry lol I’m pretty new to java. Idk if I wrote it right
- United Kingdom
- Community Superstar
- Attended a Community Meetup
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Sold between 5 000 and 10 000 dollars
- Has been a member for 2-3 years
- Microlancer Beta Tester
- Bought between 100 and 499 items
- Referred between 10 and 49 users
ace2296 said
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.
- Bought between 100 and 499 items
- Has been a member for 3-4 years
- United States
aaranmcguire said
ace2296 saidJust to let you know Java and Javascript, completely different.
Still not working. Sorry lol I’m pretty new to java. Idk if I wrote it right
ahh sorry javascript*. I knew that
- Bought between 100 and 499 items
- Has been a member for 3-4 years
- United States
pezflash saidCould you perhaps rewrite the line of code for me with 100% width?
You can’t use $ ref there.
Use screen-width http://www.w3schools.com/jsref/prop_screen_width.aspMake it dynamic
