滚动浏览与导航 / TERM 036

滚动锚定Scroll Anchoring

上方补了内容，正在看的位置不乱跳。

036

LIVE PREVIEW

页面 ↓

01　第一段内容02　继续往下看03　当前阅读位置04　下一段内容

↘

滚动锚定

✦ MOTIONLEX

01 这个效果是什么

当视口上方的内容尺寸变化时，浏览器尽量保持当前阅读位置，避免用户突然被推走。

在文章上方插入延迟加载图片时预留图片尺寸；图片加载完后让用户当前阅读的段落仍留在原位置，避免强制重置滚动条。