使菜单栏和标识按照网页滚动

当我试图让我的标志和马努酒吧跟随我的网页，我向下滚动页面，使菜单栏和标识按照网页滚动

目前，这是我有什么。

CSS is;

html,body { 
background-image:url(../img/background.png); 
background-size:cover; 
background:fixed; 
} 


#bar { 
margin-top:55px; 
width: 1920px center; 
height: 30px; 
background: #2E2E2E; 
border: 3.2px groove #FFD700; 
} 
#logo { 
position:absolute; 
background-image:url(../img/LOGO1.png); 
background-size:150px; 
width:150px; 
height:150px; 
margin:0 auto; 
z-index:1; 
top:0px; 
margin: 0 auto; 
left:0px; 
right:0px; 
} 
#middle 
{ 
height:10000px; 
}

和HTML：

</head> 
<body> 
<div id="logo"> 
</div> 
<div id="bar"> 
</div> 
<div id="middle"> 
</div> 
</body> 
</html>

所以请，我会需要什么改变来使双方的酒吧“和“标志”按照我的滚动。

三江源你帮

来源

2014-01-27 bjbear123

你会添加'位置：fixed'的元素 –

谢谢，我只是补充说，两个酒吧和标志，但它使酒吧小，并在左边， – bjbear123

这里是我会怎么做它的jsfiddle ...

http://jsfiddle.net/2Zqhw/

我包裹在一个div这两个元素，给它position:fixed和width:100%

来源

2014-01-27 17:28:35 Dijon

您可以尝试在另一个div中嵌套徽标和栏，然后在封闭div上设置position:fixed，以便您的HTML看起来像这样：

<div id="fixed_bar" style="position:fixed;"> 
    <div id="logo"/> 
    <div id="bar"/> 
</div> 
<div id="middle"> 
</div>

或者你可以在CSS中添加封闭DIV同上，但定义样式吧：

#fixed_bar 
{ 
    position:fixed; 
}

随着HTML：

<div id="fixed_bar"> 
    <div id="logo"/> 
    <div id="bar"/> 
</div> 
<div id="middle"> 
</div>

来源

2014-01-27 17:28:49 Pineda

你需要一个div来包装您的徽标和酒吧，并使用CSS将位置设置为固定。

的CSS：

#nav-fixed { 
    position:fixed; 
}

的HTML：

<div id="nav-fixed"> 

    <div id="logo"> 
    </div> 

    <div id="bar"> 
    </div> 

</div>

来源

2014-01-27 17:33:07 Justin

使菜单栏和标识按照网页滚动

回答

相关问题