summary маленькое?
Вот пример куда я пробую это применить. Не песочница. Вот в этом месте
<input type="radio" id="ur" class="radio" name="category">
<input type="radio" id="company" class="radio" name="category">
<label for="ur" class="radio__label">Юр. лицо</label>
<label for="company" class="radio__label">ФОП</label>
<div class="registration__ur">
registration__ur
</div>
<div class="registration__fop">
registration__fop
</div>.registration__ur, .registration__fop {
display: none;
}
#ur:checked ~ .registration__ur {
display: block /*или какой там ему нужен*/
}
#company:checked ~ .registration__fop{
display: block /*или какой там ему нужен*/
}Но тут посложнее - summary перестает быть avsolute или fixed не совсем когда перестают скроллить, а когда доскроливают где-то пикселей 30-50 до низа галереи. Я не сильно пойму логику.
1. Для работы стики, родительскому блоку не нужен relative, это я выше написала ерунду. Извините.
2. Почему у вас бутстрап подключается после ваших стилей?? Всегда сначала сбросы, бутстрапы, стили каруселей и прочее барахло. И последней строкой, как волшебница в сказке, ваши стили.
3. Стики не будет работать, если у родителя на любом уровне (бабушки, дедушки, прабабушки) есть overflow.
У вас он задан прямо для body (фу-фу так делать, да и на мобилках все равно не спасет)