richardshepherd / parallax-scrolling Goto Github PK
View Code? Open in Web Editor NEWCode to accompany the tutorial in Smashing Magazine
Code to accompany the tutorial in Smashing Magazine
I am using .gif instead of .jpg as backgrounds in the sprites. It works fine and there's no problem there. The point is that these gifs are animations and they don't play in webkit browsers. They only play while the page is being scrolled.
A link to what I mean: http://www.meits.es/nadal2012
You can see the effect I'm talking about in the second slide
Hi, my netbeans points an error at line 68 of index.html, that there are two parmeters "width". One of them, should be height, right?
Is there a way to remove all the extra space at the end of the page....for example I am trying to lock a footer at the bottom last article, but there is a ton of whitespace. I am guessing the real problem is my last article is not displaying properly, it is not fully displaying, only about 75% of the last article is showing.
HI Richard - great code!
I added a sixth section and cannot get the heights to align after the last one "Theend" any thoughts on what to do to add sections?
thanks!
This is really, really slow on OS X/Chrome/15" 2.6 16GB Retina MacBook Pro.
12 GB RAM free, no other apps open
Hi Richard,
Wow, what a great code, really love it and it's very easy to adapt. One question: I would love to add my logo sticky to the top of the page, so it won't scroll. Can you explain how I can achieve this?
Thanks very much,
Michiel
Hello,
First of all I want to say big thank you for this simply and awesome tutorial.
But what I test it and it is totaly not working in IE (my version is 8). Is that true or what is going on? Only what I see is white background and standard formatted text.
Thank you for your help!
The backgrounds is not visible on iPad.
In the readme, the link referencing the tutorial points to Smashing Magazine's home page, but I assume that should point to the actual article...?
http://coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.