CSS元素边缘处于滚动框边缘“外部”的含义及规范解读咨询

1. 元素边缘处于滚动框边缘“外部”的定义 #

这里的“外部”是相对滚动框的可视区域而言的：

• 垂直滚动时，滚动框顶部以上、底部以下的区域属于“外部”；
• 水平滚动时，滚动框左侧以外、右侧以外的区域属于“外部”；
  说白了就是元素边缘不在滚动框的直接可视范围内，需要滚动页面才能看到。

2. CSSOM View规范条款的正确解读 #

规范原文：

"If element edge A and element edge B are both outside scrolling box edge A and scrolling box edge B, do nothing."

首先得理清这句话的省略逻辑：它实际是**“元素边缘A在滚动框边缘A的外部，且元素边缘B在滚动框边缘B的外部”**的简化写法，并非指两个元素边缘同时处于两个滚动框边缘的外侧。

这里的edge A和edge B是成对的方向边缘：比如垂直方向上，元素的顶部对应滚动框的顶部，元素的底部对应滚动框的底部；水平方向同理，元素的左右边缘分别对应滚动框的左右边缘。

正确解读为：
当元素完全处于滚动框可视区域的某一侧外部时（比如整个元素在滚动框上方，或者整个元素在滚动框下方），执行nearest类型的滚动操作时不会有任何动作——因为此时滚动框已经处于极限滚动位置，无法再向对应方向滚动，元素无法进入视口，因此无需调整。

你提到的“stays put, if it's already in view”是nearest滚动的另一种场景：如果元素已经完全在滚动框可视范围内，也不会触发滚动。这和规范条款描述的场景互补，共同构成了nearest滚动的核心逻辑：只有当元素部分可见，或者能通过滚动让它进入视口时，才会调整滚动位置，否则保持当前状态。

内容的提问来源于stack exchange，提问作者Arial