Как решить проблему с наложением в сафари?

Question

[vlados096zver]

родителю задан

height: calc(100% - 40px);
    width: 100%;
    overflow: scroll;

первому дочернему

position: sticky;
    left: 0;
    top: 0;
    z-index: 1000;

Внутри этого первого дочернего position: relative; background: #000;

А второму дочернему

position: relative;
    z-index: 1;

Comments

[Сергей delphinpro]

https://codepen.io плиз

Answer 1

[catch-a-chalk]

Доброго времени суток :)
Добавьте transform: translateZ(0);родительскому блоку с overflow: scroll;:

.parent {
    height: calc(100% - 40px);
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
}