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

Question

所以我有一个在页面上多次使用的垂直页面分隔符，它是一个div中的一个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;