I pulsanti Sticky CSS non funzionano in IE 11

Devo rendere il div contenente i pulsanti appiccicosi, in modo che i pulsanti di quel div restino in basso mentre l'utente scorre lo schermo. Questo è così che l'utente non deve scorrere fino in fondo per fare clic sui pulsanti.I pulsanti Sticky CSS non funzionano in IE 11

pagina di esempio: https://jsfiddle.net/thunderbolt36/a4yjfg13/

Il div che contiene i pulsanti è tutta la strada fino qui:

<div class="form-group sticky-button-thing-not-working-on-ie"> 
    <div class="col-md-offset-2 col-md-10"> 
     <input type="submit" value="Save" class="btn btn-default" /> 
    </div> 
</div>

La classe CSS per rendere più appiccicoso (lavorando su Firefox):

.sticky-button-thing-not-working-on-ie { 
    position: sticky; 
    bottom: 0; 
    right: 0; 
    background: rgba(0, 211, 211, 0.6); 
}

Ma lo stesso non funziona su Internet Explorer 11.

Qualche aiuto su come far funzionare lo stesso codice su IE11?

Risultato atteso: https://i.imgur.com/bEHXcrG.png

fonte

2016-06-05 Tx36

IE11 sarà non supportare position:sticky e non sarà mai (come viene superata da Edge): see browser support at Can I Use

Trucchi CSS recentemente pubblicato qualcosa che può aiutare: Sticky Footer, Five Ways

Anche quindi, l'esempio flex non funzionerà con IE11, ma è possibile modificarlo utilizzando il codice da Normalizing Cross-browser Flexbox Bugs.

fonte

2016-06-05 20:08:38 aardrian

sticky non funziona su IE11, ma per fortuna, in questo caso, è possibile utilizzare fixed, che funzionerà su browser vecchi e nuovi.

.sticky-button-thing-not-working-on-ie { 
    position: fixed;       /* added to support older browsers */ 
    position: sticky; 
    bottom: 0; 
    right: 0; 
    background: rgba(0, 211, 211, 0.6); 
}

E si può effettivamente cadere sticky, dal momento che non è usato come è destinato. sticky eccelle quando lo posizioni sotto il bordo superiore, e quando lo si scorre verso il basso si sposterà con la pagina fino a raggiungere il bordo superiore, dove si fermerà e rimarrà fino a quando non si scorrerà di nuovo verso l'alto.

laterale nota: supporta EDGE sticky a partire dalla versione 16

fonte

2016-06-05 20:20:23 LGSon

bene, elementi fissi sono posizionati per viewport – shabunc

@shabunc Questo è corretto, e 'fixed' è il più vicino si può ottenere per i browser che non supportano' sticky' ... beh, potresti naturalmente aggiungere un piccolo script per farlo funzionare come "appiccicoso" – LGSon

appiccicoso! = risolto – kpup

Questo può essere meglio risolto con Stickybits, che è un polyfill per position: sticky per IE (e altri browser): https://github.com/dollarshaveclub/stickybits

più importante per me :

non ha il nervosismo che i plugin sono costruiti attorno alla posizione: fisso hanno perché cerca di supportare la posizione: prima appiccicoso.

fonte

2017-10-19 13:22:38 nachtigall

Controlla la tua pagina in alto <!DOCTYPE HTML>

fonte

2017-11-03 09:28:20

I pulsanti Sticky CSS non funzionano in IE 11

risposta

Problemi correlati