/ / Position sticky funktioniert nicht in IE [duplizieren] - javascript, jquery, html, css, internet-explorer

Position sticky funktioniert nicht in IE [duplizieren] - javascript, jquery, html, css, internet-explorer

Ich benutze eine klebrige Fußzeile. Standardmäßig war die Fußzeile position:fixed. Wenn die Seite den unteren Rand erreicht, ändert sich das in position:sticky.

Es funktionierte gut in Chrom und Firefox. Aber nicht in IE11 arbeiten. Bleibe immer noch als position:fixed auch nachdem die Fußzeile erreicht wurde. Ich denke, ob sticky wurde nicht von IE11 unterstützt oder nicht. Habe ich eine Lösung dafür?

Überprüfen Sie den folgenden Code:

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

Antworten:

0 für die Antwort № 1

Beyogen auf https://developer.mozilla.org/en-US/docs/Web/CSS/position, position sticky scheint nicht von IE11 unterstützt zu werden.


0 für die Antwort № 2

Dies ist ein bekannter Fehler in IE. Lies hier und Hier

Sie können versuchen, flex oder flexbox verwenden, aber es ist nicht offiziell W3C, können Sie mit etwas wie versuchen flex: 1 0 auto;

Oder so ähnlich position: fixed; bottom: 0

Schnellsuche gibt diesen Thread in GitHub auf, lesen Hier