Запретить прокрутку элемента над фиксированным элементом позиции ⇐ CSS

[Anonymous]

Проблема в следующем:

• элемент заголовка имеет фиксированное положение
• на большинстве страниц следующие элементы прокручиваются под заголовком
• на одной странице элемент слайдера прокручивается над заголовком
• пример приведен здесь https://output.jsbin.com/batilidine

Как я могу исправить это поведение без использования z-index?
Я уже пытался использовать Translate-Z: 10px, чтобы поднять заголовок над всеми элементами, но это не сработало.
О translate-z-0 и -1 мне нужно, чтобы упорядочить поведение элементов сетки при штабелировании. Если из-за этого возникает проблема, подскажите, как можно заказать штабелирование без перевода.

Подробнее здесь: https://stackoverflow.com/questions/797 ... ed-element