Scroll anchoring should benefit both desktop and mobile content.

I have a feeling the biggest impact will be on mobile though. Scroll anchoring
should help there when the viewport resizes from a rotation, not just as content
loads.

There's a good video in the Chrome announcement here [1].

I've also written two sample pages that you can compare between Blink and
Gecko [2] [3]. Scroll down and interact with the button/slider.

Thanks,
Ryan

[1] https://blog.chromium.org/2017/04/scroll-anchoring-for-web-developers.html
[2] https://eqrion.github.io/web-tests/scrolling/scroll-anchor-test-1.html
[3] https://eqrion.github.io/web-tests/scrolling/scroll-anchor-test-2.html


‐‐‐‐‐‐‐ Original Message ‐‐‐‐‐‐‐
On Wednesday, November 14, 2018 3:44 PM, Chris Peterson <cpeter...@mozilla.com> 
wrote:

> This is great news! In a recent study of Fennec's perceived performance,
> users ranked 16 criteria for evaluating mobile browser responsiveness.
> #1 was "Not having the page jump around when scrolling". For a point of
> reference for just how important that is, "Loading a website" was only
> #3. :)
>
> Will scroll anchoring benefit both desktop and mobile content? What is a
> good example website to see the effect of scroll anchoring?
>
> On 2018-11-14 1:09 PM, Ryan Hunt wrote:
>
> > Apologies. The target release is 66, while Chrome released this feature in 
> > M56.
> > ‐‐‐‐‐‐‐ Original Message ‐‐‐‐‐‐‐
> > On Wednesday, November 14, 2018 3:05 PM, Ryan Hunt rh...@eqrion.net wrote:
> >
> > > Summary:
> > > Scroll anchoring aims to prevent user experience disruptions from content
> > > loading outside the viewport and causing the page to jump around.
> > > Bug: Bug 1305957
> > > Link to standard:
> > > https://drafts.csswg.org/css-scroll-anchoring/
> > > Platform coverage: All platforms
> > > Estimated or target release: 56
> > > Preference behind which this will be implemented: 
> > > layout.scroll-anchoring.enabled
> > > Is this feature enabled by default in sandboxed iframes? Yes
> > > DevTools bug: No bug
> > > Do other browser engines implement this?
> > > Chrome shipped this in M56.
> > > web-platform-tests:
> > > https://github.com/web-platform-tests/wpt/tree/master/css/css-scroll-anchoring
> > > Is this feature restricted to secure contexts?
> > > No. Scrolling behavior changes aren't restricted to secure contexts.
> > > Thanks,
> > > Ryan
>
> dev-platform mailing list
> dev-platform@lists.mozilla.org
> https://lists.mozilla.org/listinfo/dev-platform


_______________________________________________
dev-platform mailing list
dev-platform@lists.mozilla.org
https://lists.mozilla.org/listinfo/dev-platform

Reply via email to