CSS Sticky Left не прилипает к телу - PullRequest
Новая
       11

CSS Sticky Left не прилипает к телу

0 голосов
/ 31 августа 2018

Я работаю над страницей, где пытаюсь, с точки зрения Excel, заморозить левый столбец. Когда пользователь прокручивает вправо, левая колонка должна оставаться видимой. Вся страница использует div, а не таблицы. Я замораживаю самые левые дивы используя css: 

.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>

Вот что происходит. Имя, имя является липким. Если я продолжу пролистывать немного больше (мимо исходного тела), он исчезнет My site

...