jquery - 固定位置 div 仅垂直

Question

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