在上图中，有一个元素在一帧中占据了视口的一半。然后，在下一帧中，元素下移视口高度的25％。红色的虚线矩形表示两个帧中元素的可见区域的并集，在这种情况下，其为总视口的75％，因此其影响分数为0.75。
距离分数距离分数是不稳定元素在视口中移动的最大距离(水平或垂直)除以视口的最大尺寸(宽度或高度，取较大的)。
在上面的例子中，最大的视口尺寸是高度，不稳定元素移动了视口高度的25%，这使得距离分数为0.25。
所以，在这个例子中，影响分数是0.75，距离分数是0.25，所以布局移位分数是0.75 * 0.25 = 0.1875。
向现有元素添加内容如何影响布局移位分数
图中"Click Me!"按钮被添加到带有黑色文本的灰色框的底部，它将带有白色文本的绿色框向下推(并部分推出视口)。
在这个例子中，灰色框改变了大小，但是它的起始位置没有改变，所以它不是一个不稳定的元素。按钮以前并不在DOM中，因此它的起始位置也不会改变。
然而&#
最低0.47元/天 解锁文章
1632
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
