3 ms·

The real question is who is going to be the first person to post about scroll bar hijacking in this thread? ;-)

by vore 4y ago

_boffin_ 4y ago
i think you answered that yourself as the answer is... you
- vore 4y ago
  You got me!
goosemips 4y ago
That was the first time on a website that this behaviour genuinely confused me. I'd assumed that I'd be able to move around the pinboard by touching and dragging, like a map, and it took a while to click that only scroll-like dragging was getting anything to move at all.
rikroots 4y ago
It's not scrolljacking - as I understand the term. It's a very tall body (50,000px) with a sticky full-viewport canvas element which must be animating (mainly Three.js) in line with the the progression of an intersectionObserver attached to the container/body as the user scrolls. This is an example of 'scrollytelling'? A word I learned about a few weeks back and is currently my #1 favourite ugliest neologism in the English language. It's a clever and intriguing site - which I would expect from someone who works as a graphics editor for the NYT. And yet ... it also disappoints. Disable Javascript and reload the page and nothing happens. Attempt to tab through the site - even to the text and image links - and ... nothing happens. I understand the difficulties around making sites like this (more) accessible but major news outlets like the NYT (and, indeed, the company I work for) should be making much more of an effort on this. Some of my personal investigations on making canvas things more accessible: - Scrollytelling demo (very basic) https://scrawl-v8.rikweb.org.uk/demo/modules-006.html https://scrawl-v8.rikweb.org.uk/demo/modules-006.html - Before/after picture slider infographic https://scrawl-v8.rikweb.org.uk/demo/snippets-005.html https://scrawl-v8.rikweb.org.uk/demo/snippets-005.html

3 ms·

The real question is who is going to be the first person to post about scroll bar hijacking in this thread? ;-)

by vore 4y ago

The real question is who is going to be the first person to post about scroll bar hijacking in this thread? ;-)

_boffin_ 4y ago
i think you answered that yourself as the answer is... you
- vore 4y ago
  You got me!
goosemips 4y ago
That was the first time on a website that this behaviour genuinely confused me. I'd assumed that I'd be able to move around the pinboard by touching and dragging, like a map, and it took a while to click that only scroll-like dragging was getting anything to move at all.
rikroots 4y ago
It's not scrolljacking - as I understand the term. It's a very tall body (50,000px) with a sticky full-viewport canvas element which must be animating (mainly Three.js) in line with the the progression of an intersectionObserver attached to the container/body as the user scrolls. This is an example of 'scrollytelling'? A word I learned about a few weeks back and is currently my #1 favourite ugliest neologism in the English language. It's a clever and intriguing site - which I would expect from someone who works as a graphics editor for the NYT. And yet ... it also disappoints. Disable Javascript and reload the page and nothing happens. Attempt to tab through the site - even to the text and image links - and ... nothing happens. I understand the difficulties around making sites like this (more) accessible but major news outlets like the NYT (and, indeed, the company I work for) should be making much more of an effort on this. Some of my personal investigations on making canvas things more accessible: - Scrollytelling demo (very basic) https://scrawl-v8.rikweb.org.uk/demo/modules-006.html https://scrawl-v8.rikweb.org.uk/demo/modules-006.html - Before/after picture slider infographic https://scrawl-v8.rikweb.org.uk/demo/snippets-005.html https://scrawl-v8.rikweb.org.uk/demo/snippets-005.html