Mobilne Safari - karetka wejściowa nie przewija się wraz z przewijaniem: dotknij
Wiem, że Mobile Safari nie uruchamia zdarzeń, gdy przewija się „momentum” (-webkit-overflow-scrolling: touch;). Ale to nie jest całkowicie to samo, ponieważ Safari obsługuje wewnętrzną (migającą) karetkę wejścia.
<div id="container">
<input type="text" />
<div class="filling"></div>
</div>
#container {
position: absolute;
top: 20px;
bottom: 20px;
width: 50%;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
border: 1px solid black;
}
input {
margin-top: 60vh;
}
.filling {
height: 200vh;
}
Wypróbuj to skrzypce na swoim urządzeniu (ustaw je, a następnie przewiń):https://jsfiddle.net/gabrielmaldi/n5pgedzv
Problem pojawia się również wtedy, gdy trzymasz palec wciśnięty (tzn. Nie tylko podczas nadawania mu pędu i zwalniania): karetka nie przewija.
Oczywiście nie chcę wyłączać przewijania przepełnienia, jeśli nie ma sposobu na poprawienie kursora, aby przewijał się poprawnie, byłoby dobrze ukryć go.
Dzięki