Position sticky работает только с top: 0
, а с bottom: 0
не прилипает к низу, в чем может быть причина?
У меня есть html
.form_fixed {
position: sticky;
right: 0;
bottom: 0;
left: 0;
background: #0B1867;
z-index: 25;
padding: 25px 0;
}
<div id="fixed_form_wrapper">
<div class="form_fixed">
<div class="container">
<div class="row">
<div class="col-3">
<ul>
<li>
<label>
<input type="text" placeholder="Имя и Фамилия">
</label>
</li>
<li>
<label>
<input type="text" placeholder="Название компании">
</label>
</li>
</ul>
</div>
<div class="col-6">
<div class="row">
<div class="col-4">
<ul>
<li>
<label>
<input type="text" placeholder="Имя и Фамилия">
</label>
</li>
</ul>
</div>
<div class="col-8">
<ul>
<li>
<label>
<input type="text" placeholder="Название компании">
</label>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col">
<ul>
<li>
<label>
<input type="text" placeholder="Позиции запроса">
</label>
</li>
</ul>
</div>
</div>
</div>
<div class="col-3 d-flex">
<button class="btn-material btn-orange" type="button"><span class="btn-material-effect js-ripple"><i class="btn-material__circle"></i></span><span class="btn-name">Отправить запрос</span></button>
</div>
</div>
</div>
</div>
</div>
position:sticky;
работает только внутри непосредственного родителяposition:sticky;
работает только внутри непосредственного родителя