页面内容重排时，如何让新打开的details/summary元素保持在视口内？

请遵循以下规则进行内容排版：

• 标题：使用数字符号（#）定义，数量对应标题层级：
  • # 一级标题
  • ## 二级标题
  • ### 三级标题
• 列表项：以短横线（-）作为起始标记，支持多级嵌套
• 文本强调：用星号（*）包裹内容：
  • 斜体：*需强调的文本*
  • 粗体：**需重点突出的文本**
• 代码/命令：
  • 行内代码：用单个反引号（`）包裹，例如`npm install`
  • 多行代码块：用三个反引号（```）包裹，可指定代码语言：

    def add(a, b):
        return a + b
    

• 引用文本：使用大于号（>）开头，支持嵌套引用：

  一级引用内容

  二级嵌套引用内容

• 链接：格式为 [链接显示文本](目标URL)，例如 [Markdown 语法指南](https://www.markdownguide.org)
• 图片：格式为 [图片替代文本](图片URL)，例如 [示例图标](https://example.com/icon.png)