Just Scroll

#1

Post by koichi » Fri, Aug 31, 2012, 12:01 AM UTC

Just Scroll
www2.nissan.co.jp

Re: Just Scroll

#2

Post by saxamaphone69 » Fri, Aug 31, 2012, 1:03 AM UTC

Reminds me of that advertisement someone did on Pinterest, where you had to scroll down quickly as well.

edit: Uniqlo, that was it. not on their Pinterest anymore. Video for same effect - http://youtu.be/e5FM-VcE7UA

Re: Just Scroll

#3

Post by ch » Fri, Aug 31, 2012, 1:06 AM UTC

Try reverse!

Re: Just Scroll

#4

Post by splatzone » Fri, Aug 31, 2012, 1:10 AM UTC

Anyone care to explain how this works? It can't just be an endless array of divs, can it?

Re: Just Scroll

#5

Post by columbo » Fri, Aug 31, 2012, 1:22 AM UTC

splatzone wrote: post #4

Anyone care to explain how this works? It can't just be an endless array of divs, can it?

This might help: http://www2.nissan.co.jp/SP/NOTE/SPECIAL/SHARED/IMG/FRAMES/0...

Re: Just Scroll

#6

Post by nialo » Fri, Aug 31, 2012, 1:23 AM UTC

splatzone wrote: post #4

Anyone care to explain how this works? It can't just be an endless array of divs, can it?

viewing the source seems to indicate that it is, in fact, just an endless array of divs.

(disclaimer: I don't actually know any html, just how to click 'view source' in Chrome)

Re: Just Scroll

#7

Post by bfgeek » Fri, Aug 31, 2012, 1:34 AM UTC

splatzone wrote: post #4

Anyone care to explain how this works? It can't just be an endless array of divs, can it?

Sort of.

There is an endless array of divs which is absolutely positioned, ie:

The actual scrolling is performed by a 'dummy' div, has the same overflow. Some javascript will be listening to scroll events on this div, and updating the position of the above div.

This is typically done as scrolling 'floating' images on most browsers isn't smooth, & to 'jump' the scroll the correct amount to achieve the effect.

Re: Just Scroll

#8

Post by [deleted] » Fri, Aug 31, 2012, 1:46 AM UTC

[deleted]

Re: Just Scroll

#9

Post by kevincennis » Fri, Aug 31, 2012, 1:48 AM UTC

For anyone wondering, that's about 135 jpgs at ~100KB on average.

Re: Just Scroll

#10

Post by chucknelson » Fri, Aug 31, 2012, 2:05 AM UTC

nialo wrote: post #6

splatzone wrote: post #4

Anyone care to explain how this works? It can't just be an endless array of divs, can it?

viewing the source seems to indicate that it is, in fact, just an endless array of divs. (disclaimer: I don't actually know any html, just how to click 'view source' in Chrome)

"I don't actually know any html, just how to click 'view source' in Chrome"

That's a bit strange for someone that visits hacker news!