Question

我一直在玩Weebly的不同模板，并试图找到一个固定的导航栏，我可以在顶部添加社交链接，但我似乎无法使用任何。社会联系往往不合适。

我决定使用当前模板，但需要修复当前标头部分。我尝试将position: fixed添加到CSS的一些区域，但结果却是可怕的。可以看到背景和滚动。

Answer 1

将此应用于＃header-wrap

position: fixed;
top: 0;
z-index: 1;
background: #FFF; //if you want a background on the fixed header.

你现在在＃page-wrap上有边框，所以如果你想保留它，给这个div一个margin-top。如果您想要固定标题上的边框，请将其放在那里。

导航样式：

#nav-wrap {
  position: fixed;
  top: 47px; 
  z-index: 2;
}

#nav-wrap .container {
   clear: both;
   overflow: hidden;
   position: relative;
   padding-bottom: 10px;
   margin-bottom: 10px;
   background: url(theme/saperator.png?1418308200) no-repeat bottom left;
   z-index: 2;
  background: #FFF;
}

http://jsfiddle.net/ft44wLym/

需要修复导航栏和Weebly网站的社交链接

1 个答案: