固定位置div仅垂直

Question

我有一个当前的网页构建，其右侧边栏是固定位置。我试图从右边定位但不希望它与其他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。