使用bootstrap滚动时，粘滞列在滚动导航栏后消失

是因为粘滞列（sticky column）的定位属性与滚动导航栏的定位属性冲突导致的。

粘滞列是指在页面滚动时，某一列保持固定位置不动，常用于创建固定的侧边栏或导航栏。而滚动导航栏是指当页面滚动时，导航栏会固定在页面顶部或其他位置，以便用户随时访问导航链接。

当使用bootstrap的滚动功能时，滚动导航栏会覆盖在页面上方，而粘滞列的定位属性可能会使其被滚动导航栏覆盖，导致看不到粘滞列。

解决这个问题的方法是修改粘滞列的定位属性，使其在滚动导航栏后仍然可见。可以通过以下步骤实现：

确保粘滞列的父容器具有相对定位（position: relative）的属性。这可以通过在父容器的CSS样式中添加position: relative;来实现。
为粘滞列添加一个较高的z-index值，以确保它在滚动导航栏之上显示。可以通过在粘滞列的CSS样式中添加z-index: 999;来实现。
如果粘滞列仍然被滚动导航栏覆盖，可以通过调整滚动导航栏的z-index值来解决。确保滚动导航栏的z-index值较低，以便粘滞列可以显示在其上方。

以下是一个示例代码，演示如何修复粘滞列在滚动导航栏后消失的问题：

<!DOCTYPE html>
<html>
<head>
  <title>Sticky Column Example</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <style>
    .sticky-column {
      position: sticky;
      top: 0;
      z-index: 999;
    }
    
    .navbar {
      position: fixed;
      top: 0;
      width: 100%;
      background-color: #f8f9fa;
      z-index: 1;
    }
    
    .content {
      margin-top: 100px; /* Ensure content is below the sticky column and navbar */
    }
    
    .container {
      position: relative;
    }
  </style>
</head>
<body>
  <nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="#">Logo</a>
    <!-- Navigation links here -->
  </nav>
  
  <div class="container">
    <div class="row">
      <div class="col-md-3 sticky-column">
        <!-- Sticky column content here -->
      </div>
      <div class="col-md-9 content">
        <!-- Main content here -->
      </div>
    </div>
  </div>
  
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>
</body>
</html>

在上述示例代码中，我们将粘滞列的父容器设置为相对定位，并为粘滞列和滚动导航栏分别设置了z-index值。这样可以确保粘滞列在滚动导航栏后仍然可见。

请注意，这只是一种解决问题的方法，具体实现可能因项目需求和使用的框架而有所不同。在实际开发中，您可能需要根据具体情况进行调整和修改。