如何保持头部固定并仍然滚动？

我需要我的标题和边栏保持原位，但我也需要在页面上向下滚动。我正在使用固定位置，是否有另一种方法来做到这一点？如何保持头部固定并仍然滚动？

来源

2013-04-26 Jasmine Lawson

显示你的代码，请:) – zey 2013-04-26 03:47:48

它不会离开我，这是我第一次这个网站上：|对不起，我很困惑。 – 2013-04-26 03:54:56

您可以将您的内容放入iframe中，并且标题和边栏可以位于顶部。通过这种方式。您可以为iframe元素设置溢出。可能这可以帮助你满足你的要求

来源

2013-04-26 03:50:59

将此position:fixed;添加到你想要保留的零件样式中！

或者

参考this链接！

来源

2013-04-26 03:57:26 zey

我做到了，但它不会让我在页面上向下滚动。 p { font-family：century哥特式; font-size：20px; margin-left：14％; } div { \t border-radius：5px; } #dw { \t position：relative; \t margin-left：-40％; } #header { \t float：top; \t z-index：1; \t职位：固定; \t宽度：98.8％; \t margin-top：-20px; \t height：70px; \t background-color：＃f93986; \t margin-bottom：10px; } – 2013-04-26 04:00:55

我编辑了我的答案，引用它。可能有用:) – zey 2013-04-26 04:12:25

它看起来像你的问题是在你的HTML，而不是你的CSS。 <body>标签应该包含您的所有内容。别忘了关闭你的<div></div>。我也将你的身体背景移入CSS，尽量避免使用内联样式，除非你真的需要。

<head> 
    <Title>About Me!</title> 
    <link type="text/css" rel="stylesheet" href="aboutme.css" /> 
</head> 

<body> 
    <div id="header"></div> 
    <div class="left"></div> 
</body> 

</html>

Updated Working Example

来源

2013-04-26 03:59:33 apaul

#header { \t float：top; \t z-index：1; \t职位：固定; \t宽度：98.8％; \t margin-top：-20px; \t height：70px; \t background-color：＃f93986; \t margin-bottom：10px; }如果我将固定位置关闭，我可以滚动，并且我的侧边栏固定，但是当我放回时，我无法滚动。 – 2013-04-26 04:08:58

@JasmineLawson你可以把相关的代码放入[jsFiddle]（http://jsfiddle.net）如果我们能看到我们正在处理的内容，那么每个人都可以更容易地提供帮助。 – apaul 2013-04-26 04:17:48

@JasmineLawson你也可以编辑你的问题并在其中包含代码。点击带括号的按钮 - >“{}”，它会给你一个突出显示的框来粘贴代码。 – apaul 2013-04-26 04:21:53

如何保持头部固定并仍然滚动？

回答

相关问题