CSS Sticky Left不会粘在身体上

Question

我正在一个页面上尝试用Excel术语冻结“左”列。 当用户向右滚动时，左列需要保持可见。 整个页面使用的是div，而不是表格。 我使用CSS冻结最左边的div：

.sticky-test {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
}

当我滚动到某个点时，它似乎起作用了。 但最终消失了，内容从屏幕延伸了许多英寸。 一旦我越过原始内容，粘性div就会消失。

有解决方案可以保持粘性吗？

以下是一些html：

 <div class="d-flex flex-row nact-row">
<input type="hidden" class="nact-form-control" id="z0__LastName" name="[0].LastName" value="FNAME" />
<input type="hidden" class="nact-form-control" id="z0__FirstName" name="[0].FirstName" value="LNAME" />
<input type="hidden" class="nact-form-control" data-val="true" data-val-required="The NPI # Type 1 field is required." id="z0__NpiNumberType1" name="[0].NpiNumberType1" value="1225195811" />
<input type="hidden" class="nact-form-control" data-val="true" data-val-required="The Service Provider Id field is required." id="z0__ServiceProviderId" name="[0].ServiceProviderId" value="395" />

<div class="nact-tbl-display-long sticky-test nact-status-new">FNAME, LNAME</div>

<div class="nact-tbl-display">1225195811</div>
.
. 
.
</div>

这是正在发生的事情。 fname，lname是粘性的。 如果我继续滚动一点（过去的身体），它将消失