垂直滚动页面时在视口中具有绝对位置

Question

我创建了JANITOR其中：

将模块，包和类型（接口，类，枚举，异常，错误，注释）的导航树插入Java 11+的Javadoc页面。

涉及的主要元素是：

  ...
  <div id="nav&amp;mainContainer" style="display: flex;">  
    <div id="nav" style="width: 25em; height: 386px; border-right: 1px solid; overflow-y: scroll;">
    <main role="main" style="flex: 1 1 0%;">
  ...

如果滚动页面以便在视觉上仅滚动<div id="nav" ...>，如何实现导航（<main>）始终位于视口的同一位置？

Answer 1

尝试使用CSS样式“固定”

<div id="nav" style="position:fixed; width: 25em; height: 386px; border-right: 1px solid; overflow-y: scroll;">

https://www.w3schools.com/cssref/pr_class_position.asp