Jquery Animação: problema com após a rolagem janela no IE
-
18-09-2019 - |
Pergunta
Eu estou tentando fazer uma div seguir a janela scrollTop.
Em FF parece bom, mas no IE (6,7) a animação pula e faz com que a rolagem janela para salto.
Eu tentei aliviar, mas não funcionou.
Meu código:
<div style="float:left;width:500px;height:4000px; background-color:Blue;">
<br/>
</div>
<div id="Div1" style="position:relative; float:left; height:4000px; width:300px;">
<div id="sidePanel" style="position:absolute; top:0px; left:0px;width:200px; height:200px; border:solid 1px black;">
SIDE PANEL<br/><br/>
<div id="info"></div>
<br />
<button id="showCurrTop" onclick="alert($(window).scrollTop());">$(window).scrollTop()</button>
</div>
</div>
$(document).ready(function(){
$(window).scroll(function () {
var scrollTop = $(window).scrollTop();
$("#sidePanel").stop(false,false);
$("#sidePanel").animate({"top": scrollTop + 200}, 1000);
$("#info").html(scrollTop);
});
});
Solução
Encontrado uma solução: flutuação Div
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow