如何在父滚动上制作粘性 div答案

【问题标题】：How to make sticky div on parent scroll如何在父滚动上制作粘性 div
【发布时间】：2018-12-14 23:39:59
【问题描述】：

我尝试让 div 在离开屏幕时保持粘性。

我找到了这个例子

<sidescroller>
...
</sidescroller>

但在我的情况下，我滚动他的父容器。

我的情况：

https://codepen.io/anon/pen/QzNWad

<div class="test">
<sidescroller>
...
</sidescroller>
</div>

是否有可能使我的案例有效？

谢谢

【问题讨论】：

请将您的代码作为 sn-p 添加到您的问题中。

标签： css

【解决方案1】：

将width: 100vw; 和position: fixed; 添加到您的sidescroller 即可：

sidescroller{
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  background: #000;
  width: 100vw;
  position: fixed;
}

Working codepen

【讨论】：