Overflow does not automatically work on iOS

I've tried in many browsers, Firefox, Safari, IE10, Android devices, everything works fine. But when it turns to iOS devices like iPads, iPhones, the overflow doesn't work.

the structure looks like the following:

<div class="slide-open-info"> <!-- this one has the overflow -->
    <p></p>
    <ul></ul>
    <!-- and more code -->
</div>

.slide-open-info {
    position: absolute;
    top: 130px;
    left: 0;
    width: 60vw;
    bottom: 0;
    overflow: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
}

      

        
        
        
      

    

The parent of this CSS is at an absolute position with a height of 100% of the browser window (this is a full screen website).

I've searched why doesn't work and found many answers to use -webkit-overflow-scrolling: touch;

along with overflow: auto;

, but it doesn't work. I even tried overflow: scroll;

it but nothing happens.