垂直滚动div页面上的页面分隔符，视差吗？

Question

因此，我有一个垂直页面分隔符，该分隔符在页面上多次使用，它是div中的一个div，在页面滚动时，我希望内部div与页面一起滚动，然后在到达该页面时停止父分区的末尾。

有什么想法吗？

简单的HTML

<div class="verticalscroll">
  <div class="verticalscroll_bar"></div>
</div>

CSS

.verticalscroll {
  width: 3px;
  height: 335px;
  background: #D8D8D8;
  margin: 80px auto 0;
}

.verticalscroll_bar {
  width: 3px;
  height: 100px;
  background: pink;
}

感谢您的帮助！

Answer 1

解决了...很简单！

将此CSS添加到.verticalscroll_bar

  top: 200px;
  position: -webkit-sticky;
  position: sticky;