固定位置div仅垂直

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

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

与此类似： http ： //demo.rickyh.co.uk/css-position-x-and-position-y/但是我不能让这个工作。

---

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

Answer 1

保持固定的div。

并有以下javascript代码，将负责水平移动。

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

Answer 2

然后在#sidebar中再添加一个属性

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

Answer 3

该示例站点使用的不仅仅是css来生成该效果。 它还使用MooTools插件：ScrollSpy。 http://davidwalsh.name/mootools-scrollspy

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