2014-10-20 12 views
9

Sto costruendo un progetto mobile che ha un numero di moduli con elementi posizionati come fissi. Il problema che sto affrontando riguarda solo i browser in esecuzione su iOS. Il problema esatto è che ogni volta che faccio scorrere sul corpo della pagina avendo, ad esempio, la barra degli strumenti in basso, come fisso, l'intero elemento fisso si muove rispettivamente con lo scroll e una volta terminata la pergamena, solo torna a il suo posto assegnato.Problema di scorrimento dell'elemento fisso di posizione su iOS

Ho dato al corpo della pagina una regola css relativa. Si prega di aiutare come questo accade solo su iOS.

.add-to-block { 
    background: #fff; 
    position: fixed; 
    bottom: 0px; 
    right: 0px; 
    display: block; 
    height: auto; 
    width: 100%; 
    *(inner content element) { 
     inner content element styling... 
    } 
} 
+0

Potrebbe risolvere il problema? Ho lo stesso problema a lavorare con Ionic 2 nel 2017. In Android la mia barra di navigazione funziona correttamente, ma in IOS si sposta con la pergamena e quando si ferma, ritorna alla sua posizione. –

risposta

2

In realtà non c'è una risposta facile a questo come è stato un problema noto su iOS per un po '(presumibilmente fissato in iOS 8), ma questo ti dà alcuni modi per risolvere il problema: https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios dettaglia tutte le problemi con la posizione fissata su dispositivi iOS e possibili modi per risolverlo se è necessario utilizzarlo.