平板电脑和手机问题的固定导航栏

我目前正在为一家公司构建一个响应式网站，我遇到了一个关于平板电脑和手机上的固定导航栏的大问题。平板电脑和手机问题的固定导航栏

问题是，在平板电脑和移动设备中，固定导航栏隐藏了我的内容/跳过它们，而我希望它在切换时按下“内容”。

另外我的.headerplace类在移动时隐藏.bannerplace。如果你能帮助我解决这个问题，我会很感激他们。

<!Doctype html> 
    <title>NK Electrical LTD</title> 
<body> 
<div class="container"> 
     <header class="headerplace"> 
      <div class="logo"> 
       <img src="http://s15.postimg.org/q1sf0zvsb/nklogo.png" alt="NK Electrical LTD Logo"> 
      </div> 
      <nav class="navigation"> 
       <li><a href="#home.html">Home</a></li> 
       <li><a href="#electrical.html">Electrical Installations</a></li> 
       <li><a href="#lighting.html">Lighting</a></li> 
       <li><a href="#appliances.html">Home appliances</a></li> 
       <li><a href="#about.html">About us</a></li> 
       <li><a href="#contact.html">Contact us</a></li> 
      </nav> 
      <a id="i-nav" href="#"></a> 

     </header> 
     <div class="bannerplace"> 

     </div> 
     <div class="content-row group"> 
      <div class="primary-content col"> 
       <img class="headlineimg" src="http://s10.postimg.org/yvwknf09l/logoone.png"alt="Electrical logo"><h2>Electrical Installations</h2> 
       <hr> 
       <p>A house, a factory and generally every building has a life span of 40-50 years. The electrical installation for such a building will be designed and implemented only once, and should work reliably within time. The importance of the electrical installation process is of equal importance so as to be able to support the necessities of this amount of time within the years to come and not just of today. Therefore, due to this specific element, the electrical installation requires: experience, technical knowhow, excellent organizational structure and for sure an after sale service.</p> 
       <p>In ΝΚ Electrical Ltd we have placed in action our past experiences, continuously trying to line up with technology reaching a high expectation limit in organizational behavior, but most of all we value the after sale service that mantles a serious part of the puzzle called electrical installations.</p> 
       <button class="btn-action" type="submit">Book a table</button> 
      </div> 
      <div class="primary-content col"> 
       <img class="headlineimg" src="http://s29.postimg.org/4jne5no53/emergency.png"alt="Electrical logo"><h2>24/7 Emergency Service</h2> 
       <hr> 
       <p>A house, a factory and generally every building has a life span of 40-50 years. The electrical installation for such a building will be designed and implemented only once, and should work reliably within time. The importance of the electrical installation process is of equal importance so as to be able to support the necessities of this amount of time within the years to come and not just of today. Therefore, due to this specific element, the electrical installation requires: experience, technical knowhow, excellent organizational structure and for sure an after sale service.</p> 
       <p>In ΝΚ Electrical Ltd we have placed in action our past experiences, continuously trying to line up with technology reaching a high expectation limit in organizational behavior, but most of all we value the after sale service that mantles a serious part of the puzzle called electrical installations.</p> 
       <button class="btn-action" type="submit">Book a table</button> 
      </div> 
      <div class="secondary-content col"> 
       <img class="headlineimg" src="http://s29.postimg.org/hp2wbri0n/lighting.png"alt="Electrical logo"><h2>Lighting</h2> 
       <hr> 
       <p>A house, a factory and generally every building has a life span of 40-50 years. The electrical installation for such a building will be designed and implemented only once, and should work reliably within time. The importance of the electrical installation process is of equal importance so as to be able to support the necessities of this amount of time within the years to come and not just of today. Therefore, due to this specific element, the electrical installation requires: experience, technical knowhow, excellent organizational structure and for sure an after sale service.</p> 
       <p>In ΝΚ Electrical Ltd we have placed in action our past experiences, continuously trying to line up with technology reaching a high expectation limit in organizational behavior, but most of all we value the after sale service that mantles a serious part of the puzzle called electrical installations.</p> 
       <button class="btn-action" type="submit">Book a table</button> 
      </div> 
      <div class="third-content col"> 
       <img class="headlineimg" src="http://s15.postimg.org/8alw76z6z/homeappliances1.png"alt="Home Appliances 1"><h2>Home Appliances</h2> 
       <hr> 
       <p>A house, a factory and generally every building has a life span of 40-50 years. The electrical installation for such a building will be designed and implemented only once, and should work reliably within time. The importance of the electrical installation process is of equal importance so as to be able to support the necessities of this amount of time within the years to come and not just of today. Therefore, due to this specific element, the electrical installation requires: experience, technical knowhow, excellent organizational structure and for sure an after sale service.</p> 
       <p>In ΝΚ Electrical Ltd we have placed in action our past experiences, continuously trying to line up with technology reaching a high expectation limit in organizational behavior, but most of all we value the after sale service that mantles a serious part of the puzzle called electrical installations.</p> 
       <button class="btn-action" type="submit">Book a table</button> 
      </div> 
      <div class="third-content col"> 
       <img class="headlineimg" src="http://s2.postimg.org/khlogvand/homeappliances2.png"alt="Home Appliances 2"><h2>Home Appliances</h2> 
       <hr> 
       <p>A house, a factory and generally every building has a life span of 40-50 years. The electrical installation for such a building will be designed and implemented only once, and should work reliably within time. The importance of the electrical installation process is of equal importance so as to be able to support the necessities of this amount of time within the years to come and not just of today. Therefore, due to this specific element, the electrical installation requires: experience, technical knowhow, excellent organizational structure and for sure an after sale service.</p> 
       <p>In ΝΚ Electrical Ltd we have placed in action our past experiences, continuously trying to line up with technology reaching a high expectation limit in organizational behavior, but most of all we value the after sale service that mantles a serious part of the puzzle called electrical installations.</p> 
       <button class="btn-action" type="submit">Book a table</button> 
      </div> 
     </div> 
     <footer class="footerplace"> 
      <p>&copy;2016. NK Electrical LTD</p> 
     </footer> 
    </div> 

</body>

来源

2016-02-11 Aris Constantinou

因为你是头被卡住与位置页固定&顶部您的资产净值为标题的内，切换导航将无法将网页的内容向下推送。

这是因为当前标题已从文档流中“取出”，它不会影响其后的任何元素。让导航将元素向下移动的唯一方法是移除固定的位置。

- 编辑

在移动断点上将位置固定为相对位置或继承。

例如

.headerplace { 
    position: relative; 
    top:0px; 
    width:100%; 
    padding: 15px; 
    min-height: 100px; 
}

https://jsfiddle.net/wy38hy37/15/ - 现在将页面上的其他元素推下。

来源

2016-02-11 12:07:58

是的，在我添加位置之前修正了一切正常的行为，当我切换我的导航栏图标时，一切都被推下来了，但我还想让我的导航栏在用户滚动时移动 –

是的固定位置是不可能的实现。 –

任何关于如何在不固定位置的情况下完成目标的建议？ –

我固定在我的旗帜是由我的头/导航移动分辨率隐藏通过添加填充问题：顶：200像素;在身体标签上。

但是还是我和我的资产净值主要问题不推含量降到仍然存在

来源

2016-02-11 11:51:29

平板电脑和手机问题的固定导航栏

回答

相关问题