無法通過Bootstrap進入第二頁（單頁傳呼登陸頁）

Question

由於某種原因，我看不到第二頁？請幫忙。我的代碼是在這裏：https://jsbin.com/dapowipize/edit?html,css,js,output

這是實時預覽https://output.jsbin.com/dapowipize如果縮小，你會看到一個文本「嗨」，但由於某些原因，我不能向下滾動到它...

請幫助！:(

非常感謝

肯尼

Answer 1

這是目前您的代碼：

<div class="navbar navbar-default navbar-fixed-top"> 
/*everything else*/ 

只需關閉你的第一個容器div後的div，那麼你可以得到你的嗨。

<div class="navbar navbar-default navbar-fixed-top"> 
    /*First container*/ 
    <div class="container"> 
     <div class="navbar-header"> 
      /*Code that goes inside this div*/ 
     </div> 
    </div> 
</div> 
<div class="container"> 
/*Rest of your code*/ 

這樣做的原因是，隨着你的DIV打開它使頁面的其餘部分是資產淨值的一部分，因爲資產淨值是固定在上面，有沒有去往下看的方式頁面的其餘部分。讓我知道這是否有幫助。

Answer 2

JavaScript是限制了頁面的視圖窗口的高度：

var screenHeight = $(window).height(); 

嘗試用視高在玩弄你的CSS左右，來代替。

JS小提琴：https://jsfiddle.net/ufowjgb7/

CSS：

.site-wrapper { 
    position: relative; 
    margin-top: 60px; 
} 

.navbar { 
    position: aboslute; 
    top: 0; 
    width: 100%; 
    height: 60px; 
    background-color: #ff0000; 
    color: #fff; 
} 

.welcome { 
    width: 100%; 
    height: 100vh; 
    background-color: #d0d0d0; 
} 

.cover-page1 { 
    width: 100%; 
    height: 100vh; 
    background-color: #00ff00; 
    color: #fff; 
} 

.cover-page2 { 
    width: 100%; 
    height: 100vh; 
    background-color: #0000ff; 
    color: #fff; 
} 

HTML：

<div class="navbar"> 
    Navbar 
</div> 

<div class="welcome"> 
    Welcome area 
</div> 

<div class="cover-page1"> 
    Your first cover area 
</div> 

<div class="cover-page2"> 
    Your next cover area 
</div>