固定位置 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。