无论我水平滚动多少，如何让 div 卡在页面左侧？答案

【问题标题】：How can i have a div stuck on the left side of the page no matter how much i scroll horizontally?无论我水平滚动多少，如何让 div 卡在页面左侧？
【发布时间】：2010-04-21 04:57:57
【问题描述】：

这有点难以解释，所以链接到具有我需要的效果的页面；

http://wpaoli.building58.com/wp-content/uploads/2009/08/feedback-panel.html

左侧的反馈是我试图在我这边实现的，而不是反馈，我会将其用作单击时显示的导航菜单。

上面的东西就是我现在拥有的。

我的问题是当我向右滚动时（我的页面大约 6000 像素宽）我希望它留在左侧，有没有办法解决这个问题？

（这对我的大脑来说太多了）..谢谢！

【问题讨论】：

我不久前实现了这个。您指定 div 的 CSS 位置。我不记得你想要的是“相对”还是“绝对”。我会尝试绝对的

标签： javascript jquery css html

【解决方案1】：

将 div 设置为“position:fixed”样式，然后设置“left:0px;top:0px”。这使得 div 粘在浏览器的左上角，而不是它在 HTML 流中的相对位置。

看看这个示例页面，它有 2 个固定元素，一个在左上角，另一个在右下角：

Fixed example

【讨论】：

非常感谢！我还没有了解位置属性的作用，我只是尝试一下，看看有时哪个效果最好。我想我需要了解一下他们
@David Murdoch，是的，你是对的，我应该提到 IE6 中存在一些问题，但我链接到的文章解释了这一点以及跨浏览器合规性的完整解决方案。

【解决方案2】：

您可以使用完全相同的设计，只在feedback-panel 上使用position:fixed。

【讨论】：