¿Cómo construir navegación simple y pegajosa en la página de abajo?
Estoy tratando de hacerlo para que cuando cargues una página, un div esté pegado a su parte inferior. Luego, cuando un usuario se desplaza hacia abajo, se adhiere a la parte superior.
Puedo hacer el stick a la parte superior utilizando un elemento adhesivo.
<div id="container">
<div id="menu">
<ul>
<li><a href='#test'>Line 1</a></li>
<li><a href='#'>Line 2</a></li>
<li><a href='#'>Line 3</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if($(this).scrollTop()>=660)
{
$('#menu').addClass('fixed');
}else{
$('#menu').removeClass('fixed');
}
});
});
</script>
Simplemente no puedo hacerlo para que se pegue a la parte inferior de la carga. He adjuntado una pequeña maqueta si no está claro.