固定位置的div仅垂直方向移动

Question

9

我有一个当前的网站建设，右侧边栏是固定位置的。我尝试从右侧进行定位，但不想让它重叠其他div的内容。

我想要的是当内容超出视口窗口时，将其水平滚动到右侧。任何帮助都将不胜感激。

这个问题已经通过其他方法解决。感谢那些真正考虑帮助我的人。

- user720033

你的演示页面展示了三件不同的事情。你想要做哪一个？ - Sparky

这是一个固定位置的div... 你为什么要在里面加上float:left;？ - Sparky

3个回答

1

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

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

- Tushar Ahirrao

是的，那不起作用，因为它是一个固定定位的 div，需要更多的东西来控制，我很确定。 - user720033

0

那个示例网站不仅使用CSS来生成该效果，还使用了MooTools插件：ScrollSpy。http://davidwalsh.name/mootools-scrollspy

- Jason Gennaro

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Vimalkumar Kalimuthu · Accepted Answer

保持固定的div。

并使用以下JavaScript代码来处理水平移动。

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