Posición fija div Vertical Sólo

Question

Tengo una estructura web actual con una barra lateral derecha que es una posición fija. He intentado posicionarme desde la derecha, pero no quiero que se superponga con otro contenido de divs.

Lo que estoy buscando es tener el contenido desplazable horizontalmente hacia la derecha cuando está fuera de la ventana de la ventana gráfica. Cualquier ayuda sería muy apreciada.

similar a esto: http://demo.rickyh.co.uk/css-position-x-and-position-y/ sin embargo, no puedo hacer que esto funcione.

---

Esto se ha solucionado mediante un método alternativo. Gracias por aquellos que realmente consideraron ayudar.

Answer 1

continuación, agregue una propiedad más en #sidebar

#sidebar { 
width:400px; 
height:550px; 
padding:10px; 
float:left; 
text-transform:uppercase; 
position:fixed; 
left:835px; 
overflow:scroll-x; 
} 

Answer 2

Ese ejemplo sitio está utilizando más que CSS para generar ese efecto. También está usando un plugin de MooTools: ScrollSpy. http://davidwalsh.name/mootools-scrollspy

Ver la fuente en http://demo.rickyh.co.uk/css-position-x-and-position-y/ para ver los scripts y el css completo.

Answer 3

Mantenga la div fija.

Y tienen el siguiente código de javascript que se ocupará del movimiento horizontal.

$(window).scroll(function(){ 
    $('.fixed_div').css('left',-$(window).scrollLeft()); 
});