/ / Pozícia lepkavý nefunguje v IE [duplicitné] - javascript, jquery, html, css, internetový-explorer

Pozícia sticky nepracuje v IE [duplicate] - javascript, jquery, html, css, internet explorer

Používam lepivú pätu. Štandardne bola päta position:fixed, Keď sa stránka dostane dole, zmení sa position:sticky.

Bolo to v chrome a firefox. Ale nefunguje v IE11. Stále zostanú ako position:fixed aj po dosiahnutí päty. Myslím, či sticky nebol IE11 podporovaný alebo nie. Mám na to nejaké riešenie.

Pozrite si nižšie kód:

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

odpovede:

0 pre odpoveď č. 1

Založené na https://developer.mozilla.org/en-US/docs/Web/CSS/position, pozitívna pozícia sa zdá byť nepodporovaná IE11.


0 pre odpoveď č. 2

Toto je známa chyba v IE. Prečítajte si tu a tu

Môžete skúsiť používať flex alebo flexbox, ale nie je to oficiálny W3C, môžete sa pokúsiť s niečím podobným flex: 1 0 auto;

Alebo niečo podobné position: fixed; bottom: 0

Rýchle vyhľadávanie toto vlákno vynechá v github, prečítajte si tu