iónové fixácie sa nepohybujú hladko na zariadeniach ios - iónový, iónový, iónový, iónový

Mám stránku, ktorá sa posúva a chcem pridaťfixovaný div na jeho spodok v iónovej2. Používam iónovo-pevné, a funguje to skvele na Android zariadenia zostávajúce pevné v dolnej časti stránky, ale na iOS po rolovaní stránky, to druh skoky po celú dobu, kým sa dostať pozíciu. Som si istý, že niekto, kto pracuje v iónovom prostredí, prinútil rovnaký problém. Snažil som sa zistiť platformu a použiť css vyladiť

position: sticky;

a pohybuje sa smootly, ale čelím inémuproblém s odrazením, keď ste na konci stránky (natívne správanie pri rolovaní ios, ak budete pokračovať v posúvaní stránky z hornej alebo dolnej časti).

odpovede:

Ak chcete umiestniť div do spodnej časti stránky, opravené, najlepší spôsob, ako to urobiť v Ionic je dať tento div mimo ion-content:

<ion-header>
<!-- ... -->
</ion-header>

<ion-content>
<!-- ... -->
</ion-content>

<div class="fixed">
<!-- ... -->
</div>

A potom pomocou niektorých pravidiel css štýlu nastavte svoju pozíciu podľa vašich potrieb:

div.fixed {
position: fixed;
bottom: 0px;
left: 0;
width: 100%;
z-index: 999
}

Vzhľadom k tomu, že je mimo obsahu, bude Ionic počas udalosti rolovania ignorovaný.