固定位置div只有垂直

Question

我有一个当前的网页版本，右边栏是固定位置。我试图从右侧定位，但不希望它与其他divs内容重叠。

我在寻找的是当内容不在视口窗口中时，内容可以水平向右滚动。任何帮助将不胜感激。

与此类似：http://demo.rickyh.co.uk/css-position-x-and-position-y/但是我无法得到这个工作。

---

这已通过替代方法解决。感谢那些真正考虑过帮助的人。

Answer 1

然后在#sidebar添加更多的特性

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

Answer 2

这个例子网站使用的不仅仅是CSS更产生这种效果。它也使用MooTools插件：ScrollSpy。 http://davidwalsh.name/mootools-scrollspy

查看来源http://demo.rickyh.co.uk/css-position-x-and-position-y/查看脚本和完​​整的CSS。

Answer 3

保留固定格。

并具有以下JavaScript代码，将照顾水平移动。

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