Непрерывная прокрутка не работает должным образом на iPhone

Question

На моей веб-странице при прокрутке на iPhone она работает неправильно. Он медленно опускается, и когда я убираю палец с дисплея, он останавливается. Я использую position:fixed; на своих страницах, потому что у меня была проблема с отображением телефона, когда я прокручивал страницу, она прыгала вверх и вниз из-за навигационной панели. Я исправил проблему с исправлением навигационной панели, что не является элегантным, но я не нашел лучшего способа. Я прочитал, что если я использую position:fixed;, то iPhone не прокручивается плавно. На андроиде работает хорошо. Может быть, у кого-то есть идея, как я могу решить эту проблему.

CSS:

.parallax-content {
    padding-top: 57px !important;
    padding-bottom: 153px !important;
}

.outer:after {
    content:"";
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:-1;
    display:block;
    background:url('img/4/bike-2756269_1920.jpg') no-repeat 80% 50%;
    background-size:cover;
}

.outer{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    max-height: 100%;
    overflow-y: scroll;
}