Позиция Sticky не работает для определенных элементов - PullRequest
Новая
       2

Позиция Sticky не работает для определенных элементов

0 голосов
/ 07 декабря 2018

У меня есть следующие элементы HTML.Оба имеют CSS-свойства sticky.Однако работает только fieldset, div ведет себя нормально.Что-то не так с моим кодом?

HTML: 

#sticky-test {
  background: red;
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
  z-index: 9;
}

#sticky-search-query {
  position: -webkit-sticky;
  position: sticky;
  top: 125px;
}
<fieldset id="sticky-search-query" class="pure-u-1-1">
  <label>Query</label> @Html.Kendo().TextBoxFor(m => m.SearchQuery).HtmlAttributes(new { style="width:100%;", autofocus="true", onkeypress="fmp.search.submitSearchByEnter(event)"})
</fieldset>
<div id="sticky-test" class="pure-u-1-1">
  <p>Test</p>
</div>

Вот скриншот, обратите внимание, что набор полей на месте, но div, содержащий абзац, применяет липкое позиционирование:

enter image description here

...