é o seguinte.. eu tenho um banner flutuante em meu blog que uso o seguinte JS
$(function(){
var jElement = $('.element');
$(window).scroll(function(){
if ( $(this).scrollTop() > 2000 ){
jElement.css({
'position':'fixed',
'top':'30px',
'width':'360px'
});
}else{
jElement.css({
'position':'relative',
'top':'30px'
});
}
});
.element {
width: 100%;
margin-top: 30px;
padding: 10px;
background: #f9f9f9;
text-align: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element hidden-xs">
conteudo
</div>
só que esse meu banner flutuante scroll está passando do rodape .. meu rodape começa com tags
Gostaria de uma ajuda para modificar esse JS para ele não fica por cima do rodapé! Meu blog é: http://www.aisenhor.com.br
if (scroll + alturaSidebar > alturaPagina - alturaFooter) sidebar.css('top', alturaPagina - scroll - alturaSidebar - alturaFooter);