滚动页面时，无法使两条垂直线粘在底部

可能是由于CSS布局或者定位的问题导致的。以下是一种可能的解决方案：

使用CSS Flexbox布局：将页面的主要内容包裹在一个容器中，并将容器的样式设置为display: flex; flex-direction: column; min-height: 100vh;。这将使容器占据整个视口的高度，并且内容将按照垂直方向排列。
将两条垂直线放置在容器中的底部：在容器中添加两个垂直线的元素，并将它们的样式设置为position: absolute; bottom: 0;。这将使它们固定在容器的底部。
设置容器的overflow-y属性为scroll：这将在内容溢出容器时显示滚动条，以便用户可以滚动页面。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .container {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      overflow-y: scroll;
      position: relative;
    }
    
    .line {
      position: absolute;
      bottom: 0;
      width: 2px;
      height: 100%;
      background-color: black;
    }
  </style>
</head>
<body>
  <div class="container">
    <!-- 页面内容 -->
    <div class="line"></div>
    <div class="line"></div>
  </div>
</body>
</html>

这样，当页面内容超过容器的高度时，用户可以滚动页面，而两条垂直线将始终保持在底部。请注意，这只是一种解决方案，具体的实现方式可能因项目需求和具体情况而有所不同。

腾讯云相关产品和产品介绍链接地址：