Html 如何减少重新绘制区域,以便在Chrome开发者工具上使用“后台附件:修复;”

Html 如何减少重新绘制区域,以便在Chrome开发者工具上使用“后台附件:修复;”,html,css,Html,Css,如果我使用背景附件:固定;关于要素, 那太好了。 滚动页面时,仅重新绘制滚动条 但是,如果我使用背景附件:固定;在某些元素上,例如,这将是一个沉重的页面。 重新粉刷整个区域 如果我们能在demo2的情况下进行小面积的重新绘制,那就太好了 实际上我不明白你到底想要什么,你想要什么样的小区域?我想这是因为div在滚动,图像的不同部分被显示出来,以减少内存使用。你也可以在这里寻求澄清。我的意思是。。。打开Chrome开发者工具。[>渲染>显示绘制矩形],并通过滚动观看演示1和演示2。然后我们可以看重新

如果我使用背景附件:固定;关于要素, 那太好了。 滚动页面时,仅重新绘制滚动条

但是,如果我使用背景附件:固定;在某些元素上,例如,这将是一个沉重的页面。 重新粉刷整个区域


如果我们能在demo2的情况下进行小面积的重新绘制,那就太好了

实际上我不明白你到底想要什么,你想要什么样的小区域?我想这是因为div在滚动,图像的不同部分被显示出来,以减少内存使用。你也可以在这里寻求澄清。我的意思是。。。打开Chrome开发者工具。[>渲染>显示绘制矩形],并通过滚动观看演示1和演示2。然后我们可以看重新粉刷区。谢谢评论。在demo2中,box类改变了高度:1000px,我们可以在滚动过程中继续观看重新绘制,尽管所有视图都没有图像。