Estoy usando un pie de página adhesivo. De manera predeterminada, el pie de página era position:fixed. Cuando la página llega a la parte inferior cambiará a position:sticky.
Funcionó bien en Chrome y Firefox. Pero no funciona en IE11. Aún permaneces como position:fixed incluso después de llegar al pie de página. Creo que si sticky no fue compatible con IE11 o no. ¿Tengo alguna solución para esto?
Verifique el código a continuación:
$(document).scroll(function() {
checkOffset();
});
function checkOffset() {
if ($("#sticky").offset().top + $("#sticky").height() >=
$(".bottom_two").offset().top - 10)
$("#sticky").css({
"position": "sticky",
"transiton": "position 0.4s"
});
if ($(document).scrollTop() + window.innerHeight <
$(".bottom_two").offset().top)
$("#sticky").css({
"position": "fixed",
"transiton": "position 0.4s"
}); // restore when you scroll up
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="sticky" class="stick">
<div class="container">
<div class="bo_wrap">
<div class="bo_wrap_left">
<a class="bot_down testride" href="#buy_ride"></a>
<a class="bot_down downl" href="#" target="_blank"></a>
</div>
<div class="clear_both"></div>
</div>
</div>
</div>
<div class="bottom_two">
<div class="container">
<p>company 2017. all rights reserved.</p>
</div>
</div>Respuestas
0 para la respuesta № 1Residencia en https://developer.mozilla.org/en-US/docs/Web/CSS/position, la posición adhesiva no parece ser compatible con IE11.
0 para la respuesta № 2
Este es un error conocido en IE. Leer aquí y aquí
Puedes intentar usar flex o flexbox pero no es W3C oficial, puedes probar con algo como flex: 1 0 auto;
O algo así como position: fixed; bottom: 0
La búsqueda rápida abandona este hilo en github, lee aquí