Can you all please shut up with the scroll hijacking in every thread?
I totally agree with you.
I'm quite okay with that – there's a lot of website "containing" the scroll and pushing the offset to a certain value.
In this example, it's just a way to make a smooth -parallax- scroll. Although I don't see any real "scroll hijacking" in this page : the scroll is the same. There's a scrollbar. The only thing that has been hijacked is the scroll speed, because of a easing function. That's all.
Here's an example of a bad scroll hijacking.
did you do the design and development for this site? amazing work.
It's really cool how the animations are done with sprites:
Isn't there a better way though? What would be the downside or simply using a video file?
In this case I think they use CSS transform3d inside a requestAnimationFrame – it's definitely better than a video / or a background-position state change.
It's is really quite fluid.
The first time I saw this use was here: https://stripe.com/alipay
very nice, but please, no scroll hijacking...
No scroll hijack here.
....where? It's all parallax.
Smooth as hell. Typographically accurate. Really well executed.
As about the Opera issues: perfect on my end (OSX, 26.0)
Addendum: Is "scroll hijacking" the next big thing in comment sections? Damn is so annoying to hear it all the time..
Especially because the people saying it have no idea what "scroll hijacking" even means.
Cool site, hideous shoes.
This isn't scroll-hijacking from a design perspective (even if the code does override the scroll technically).
"Scroll-hijacking," to me, is when the page scrolls itself (or prevents the user from scrolling until some animation is done).
In this case, it's more like "scroll-animating" or "scroll-enhancing" since I still feel in control of the page and transitions.
SO: I like it. :)
I actually really like how the scrolling is handled on this site. It feels very smooth and natural, almost as if it were a touch surface. It felt odd at first, but after scrolling the height of the page a few times, I decided that I like it.
The website is visually very nice, but please remove the scroll hijack.
Thoroughly enjoyed that experience. I normally fire through websites in seconds, this however was nice and calming, I took my time and looked at each product one by one
Beautifully executed. I'm not sure if this is me speaking as a designer or if the average person thinks this as well, but I found it a little distracting. The main content was hard to focus on with all of the (awesome) animations happening.
Same here. The typographic animations are superb. The feel is amazingly consistent; the animations and fluidity are perfect.
But it's like all of the effort and energy was put into making the most tripped out frame for a painting. All of the wonderful animations, effects, & parallax are not centered on the products themselves.
All that said, I adore this site, and am bookmarking it and showing it to coworkers. So, so well made.
The animation and music go so well together :)
well, it dont work over here... Can't scrool. Can't open the menu either. (Latest Chrome + Win 8.1)
Nicely done. The product descriptions should stick with either 'him/her' or 'its', not both.
The title typographic treatment is not legible enough even on my retina MBP. The hairlines disappear making it hard to read. I'm using Safari as my browser.
This looks fantastic on mobile.
And yes website is very nice, but after clicking "Shop" it looks like two completely different worlds unfortunately.
Oh that's terrible. Man, wasted opportunity.