如何在 scrollBy 的时候保持滚动惯性？

2022-07-05 16:15:02 +08:00
 DrLty

自己造的虚拟滚动 VerticalScrollViewer.js ，未渲染时有一个默认高度，渲染后高度固定。

想实现从中间某个位置向上滚动时新 dom 渲染后当前页面显示内容位置不变。

现在的做法是，拿到渲染好的组件高度后通过计算高度改变差值再通过 scrollBy 滚动过去。

虽然能保持当前页面内容位置不变，但是在移动端就会中断滚动惯性。

有什么解决办法吗？

1029 次点击
所在节点    前端开发
1 条回复
liushuigs
2022-07-05 23:31:43 +08:00
可以试试 content-visibility: auto ，就是兼容性不一定那么好。这是个示例： https://runjs.work/#/projects/37c11589f7394d36

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/864229

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX