Tengo un div con la posición: fijo, como lo sugiere la siguiente imagen.Cómo hacer la posición: desplazamiento fijo desplazarse horizontalmente
Quiero que se fije verticalmente, pero quiero que se desplace horizontalmente con el resto del contenido (observe la barra de desplazamiento horizontal).
¿Es esto posible con CSS? ¿O necesito Javascript (en este caso, cómo podría hacerlo)?
necesita tener Javascript. Aquí puede leer un tutorial (con mootools): http://www.rickyh.co.uk/css-position-x-and-position-y/. Aquí una pregunta similar, resuelto con jQuery: CSS: fixed position on x-axis but not y?
que puede hacerlo por css sí:
<div style="width:250px; height:250px; border:solid;overflow:scroll; overflow-y:hidden">
<div style="width:500px; height:500px; border:solid;"></div>
</div>
El problema con esta solución es que la barra de desplazamiento aparece justo al lado del div ... Me gustaría que la barra de desplazamiento apareciera en la parte inferior del navegador. –
vieja pregunta, pero yo también estaba buscando una solución también, y encontró un buen jQuery sencilla solución, y pensó que alguien podría resultar útil si no otra cosa:
$(window).scroll(function(){
$('#header').css('left', originalLeft - $(this).scrollLeft());
});
con cabecera siendo el div, y originalLeft ser, así, la primera a la izquierda: posición. Esto también funciona si alguien se desplaza y luego se aleja, de manera que iría donde usted lo desea.
posible duplicado de [CSS: posición fija en el eje x pero no y?] (Http://stackoverflow.com/questions/2049845/css-fixed-position-on-x-axis-but-not-y) – kapa