Javascript 滚动时使div粘在左边

Javascript 滚动时使div粘在左边,javascript,css,Javascript,Css,因此,我试图创建一个左侧导航栏,但在滚动之后,我无法使它正确地保持在左侧 我试过使用: position: fixed; 及 然而,它完全降低了DIV的宽度 要了解我的工作内容,请访问:http://198.50.242.77/YouBB/ 我更喜欢只使用CSS,但如果我必须使用JS,我会使用它 谢谢 位置:固定就是你想要的。这会导致元素从流中完全移除,即使在滚动页面后也会保持在相同的位置 位置:absolute类似,但它仅从流中删除一个元素。滚动包含div或在本例中,整个页面仍将导致其移动

因此,我试图创建一个左侧导航栏,但在滚动之后,我无法使它正确地保持在左侧

我试过使用:

position: fixed;

然而,它完全降低了DIV的宽度

要了解我的工作内容,请访问:http://198.50.242.77/YouBB/

我更喜欢只使用CSS,但如果我必须使用JS,我会使用它

谢谢

位置:固定就是你想要的。这会导致元素从流中完全移除,即使在滚动页面后也会保持在相同的位置

位置:absolute类似,但它仅从流中删除一个元素。滚动包含div或在本例中,整个页面仍将导致其移动

我在Chrome中打开了您的网页,并将导航样式更改为:

这正是你想要的。您只需将其余内容放在右侧即可。

位置:您需要的是修复。这会导致元素从流中完全移除,即使在滚动页面后也会保持在相同的位置

位置:absolute类似,但它仅从流中删除一个元素。滚动包含div或在本例中,整个页面仍将导致其移动

我在Chrome中打开了您的网页,并将导航样式更改为:


这正是你想要的。您只需将其余内容放置在右侧。

请发布所有相关的CSS和HTML。我很难在没有代码的情况下诊断问题。如果您尝试过“位置固定”并导致宽度问题,根据我的经验,这是由于具有%宽度的父元素造成的。我建议阅读关于固定的乳头离子,因为它有一些什么独特的行为。你应该使用位置而不是显示这个。。。那个CSS是无效的!如果你说的是左边的白色div,我觉得很好。它是响应性的,并且仅在低分辨率时被剪切,您可以使用CSS最小宽度属性。而且,正如其他人所说,这是一种立场:固定的;对不起,是的,我的意思是位置:固定。请张贴所有相关的CSS和HTML。我很难在没有代码的情况下诊断问题。如果您尝试过“位置固定”并导致宽度问题,根据我的经验,这是由于具有%宽度的父元素造成的。我建议阅读关于固定的乳头离子,因为它有一些什么独特的行为。你应该使用位置而不是显示这个。。。那个CSS是无效的!如果你说的是左边的白色div,我觉得很好。它是响应性的,并且仅在低分辨率时被剪切,您可以使用CSS最小宽度属性。而且,正如其他人所说,这是一种立场:固定的;对不起,是的,我的意思是位置:固定。fixed将相对初始包含块定位元素,absolute将相对最近的祖先建立的包含块定位元素,包含块的位置为绝对、相对或固定。只是一个简单的位置:fixed;破坏了所有内容的对齐。@davidcharifux通过从文档正常流中删除左面板,您必须按左边距将右列向右推:18.72%@大卫卡利福克斯:是的。网页设计通常需要努力。要修复某个东西,你通常必须先破坏其他东西,然后再修复它是的,我知道如何把一个物体移回来,但是我不确定我应该怎么做才能使左侧导航栏失去它的宽度。fixed将相对初始包含块定位元素,absolute将相对最近的祖先建立的包含块定位元素,包含块的位置为绝对、相对或固定。只是一个简单的位置:fixed;破坏了所有内容的对齐。@davidcharifux通过从文档正常流中删除左面板,您必须按左边距将右列向右推:18.72%@大卫卡利福克斯:是的。网页设计通常需要努力。要修复某个东西,你通常必须先破坏其他东西,然后再修复它是的,我知道如何将一个物体移回来,但是我不确定我应该怎么做才能使左侧导航栏失去它的宽度。
position: absolute;
background: white;
height: 100%;
text-align: center;
position: fixed;
width: 18.72%;