/ / Pozycja lepka nie działa w IE [duplikat] - javascript, jquery, html, css, Internet-explorer

Pozycja lepka nie działa w IE [duplikat] - javascript, jquery, html, css, Internet-explorer

Używam lepkiej stopki, domyślnie stopka position:fixed. Gdy strona osiągnie dno, zmieni się na position:sticky.

To działało dobrze w chrome i firefox. Ale nie działa w IE11. Nadal pozostań jako position:fixed nawet po osiągnięciu stopki. Myślę, czy sticky nie był obsługiwany przez IE11 lub nie. Czy mam jakieś rozwiązanie tego.

Sprawdź poniższy kod:

$(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>

Odpowiedzi:

0 dla odpowiedzi № 1

Oparte na https://developer.mozilla.org/en-US/docs/Web/CSS/positionpozycja lepka nie wydaje się być obsługiwana przez IE11.


0 dla odpowiedzi nr 2

Jest to znany błąd w IE. Przeczytaj tutaj i tutaj

Możesz spróbować użyć flex lub flexbox, ale nie jest to oficjalny W3C, możesz spróbować z czymś podobnym flex: 1 0 auto;

Lub coś w stylu position: fixed; bottom: 0

Szybkie wyszukiwanie porzuca ten wątek w github, czytaj tutaj