單張，單擊縮放控制刪除分頁頂部

我試圖在我的小冊子地圖上放置一個引導程序導航欄。當我點擊縮放控制按鈕時，我的導航欄消失了，我不知道爲什麼。單張，單擊縮放控制刪除分頁頂部

這是傳單錯誤嗎？

<body> 
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <a href="../" class="navbar-brand">Test Leaflet Navbar</a> 
    </div> 
    <nav class="collapse navbar-collapse bs-navbar-collapse"> 
    </nav> 
    </div> 
</header> 

    <div style="height: 100%"> 
      <div id="map"></div> 
    </div> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js" data-require="[email protected]" data-semver="0.7.3"></script> 
    <script type="text/javascript" src="script.js"></script> 
    </body>

下面是該問題普拉克： http://plnkr.co/edit/C8O6bB?p=preview

注意，當你第一次加載頁面一切看起來OK。但點擊縮放控制按鈕會使導航欄消失。

來源

2015-03-02 lostintranslation

您的導航欄不會消失，頁面會滾動到您的地圖頂部。你可以向上滾動。有您的導航欄:)你想在這裏做的是給你的身體100％的高度減去您的導航欄的高度和刪除保證金：

body { 
    margin: 0; 
    height: calc(100% - 51px); /* minus navbar incl. border */ 
} 

html, #map { 
    height: 100%; 
} 

header.navbar { 
    margin-bottom: 0; /* remove bottom margin */ 
}

這裏有一個更新的Plunker：http://plnkr.co/edit/zmXyDj?p=preview

來源

2015-03-02 23:18:21 iH8

完美，謝謝！ – lostintranslation 2015-03-03 16:06:20

單張，單擊縮放控制刪除分頁頂部

回答

相關問題