当屏幕宽度小于max-width时，如何将锚点移动到div的顶部？

当屏幕宽度小于max-width时，可以通过以下步骤将锚点移动到div的顶部：

1. 首先，确保你的HTML文档中有一个目标div，其中包含了你想要设置锚点的内容。
2. 在目标div之前或之后，创建一个空的div，并为其设置一个唯一的id属性，作为锚点的目标。
3. 在CSS样式表中，为目标div设置一个相对定位（position: relative），以便在后续步骤中使用绝对定位。
4. 使用CSS媒体查询，当屏幕宽度小于max-width时，为目标div设置一个固定定位（position: fixed），并将其top属性设置为0，以将其移动到页面顶部。

以下是一个示例代码：

HTML代码：

<div id="target-div">
  <!-- 目标div的内容 -->
</div>

<div id="anchor"></div>

CSS代码：

#target-div {
  position: relative;
}

@media (max-width: 768px) {
  #target-div {
    position: fixed;
    top: 0;
  }
}

在上述示例中，当屏幕宽度小于等于768px时，目标div将被设置为固定定位，并移动到页面顶部。

请注意，这只是一种实现方式，具体的实现方法可能因项目需求和具体情况而有所不同。