网页上的垂直竖线

Question

我在网页上有四条垂直线，当您向下滚动时，我希望是无限的（高度是无限的。）>

span {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 1px;
  background-color:rgba(0, 0, 0, 0.1);
}
.firstOverlayLine { left: 15%; }
.secondOverlayLine { left: 40%; }
.thirdOverlayLine { left: 60%; }
.fourthOverlayLine { left: 85%; }
<!-- VERTICAL BG LINES -->
    <span class="firstOverlayLine"></span>
    <span class="secondOverlayLine"></span>
    <span class="thirdOverlayLine"></span>
    <span class="fourthOverlayLine"></span>

此时，如果添加的内容将落在页面上，并且需要滚动，则行将停止。我希望这些行具有整个页面的高度，无论要添加多少内容。

First Image

Second Image

谢谢！

我在网页上有四行垂直线，当您向下滚动时，我希望是无限的（高度无限）。跨度{位置：绝对；显示：块；最高：0;高度：100％;宽度：...

Answer 1

改为使用position: fixed;