javascript - 页面滚动上的垂直滚动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;