fullpage.js垂直對齊問題

我無法使fullpage.js垂直對齊我給出的任何內容。首先，我想實現它在現有的代碼，但後來我重新打開，並試圖把它一樣簡單：fullpage.js垂直對齊問題

<body> 
    <div id="fullpage"> 
     <div class="section"> 
      <div class="first"> 
       <img src="img/logo.svg" alt=""> 
      </div>    
     </div> 
     <div class="section">b</div> 
     <div class="section">c</div> 
     <div class="section">d</div> 
    </div> 
    <script src="js/jquery.min.js"></script> <!-- Jquery --> 
    <script src="js/bootstrap.min.js"></script> <!-- bootstrap js --> 
    <script src="js/jquery.fullPage.js"></script> <!-- Jquery FullPage--> 
    <script src="js/main.js"></script> <!-- Site Library --> 
</body>

我的CSS的依賴關係很簡單：reset.css，引導和animate.css

我明白任何形式的幫助，在此先感謝

來源

2016-09-18 Onur Atalay

把每一個涉及到高度標籤：100％，'＃全頁，.section僞，。首先，身體，HTML {身高：100％}' – YOU

對齊怎麼樣？ ...顯示它的圖像將有所幫助 – LGSon

嘗試用這個，複製粘貼到html頁面，並確保您js和css調用路徑是正確的

<script> 
 

 
$(document).ready(function() { 
 
\t $('#fullpage').fullpage({ 
 
\t \t sectionsColor: ['#999', '#666', '#262626', '#000'], 
 
\t \t navigation: true, 
 
\t \t verticalCentered: true, 
 
\t \t navigationPosition: 'right', 
 
\t \t navigationTooltips: ['About', 'Security', 'Industries', ' security', 'footer'], 
 
\t }); 
 
}); 
 

 

 
</script>

body { 
 
\t float: left; 
 
\t width: 100%; 
 
\t padding-bottom: 0px; 
 
} 
 
* { 
 
\t color:#F00; 
 
\t text-align:center; 
 
\t font-size:30px; 
 
}

<link rel="stylesheet" href="css/jquery.fullPage.css" > 
 

 
<div id="fullpage"> 
 
    <div class="section" id="section0"> 
 
    \t <span class="middle">Vertical align</span> 
 
    </div> 
 
    
 
    <div class="section" id="section1"> 
 
    \t <span class="middle">b</span> 
 
    </div> 
 
    
 
    <div class="section" id="section2"> 
 
    \t <span class="middle">c<span> 
 
    </div> 
 
    
 
    <div class="section" id="section3"> 
 
    <span class="middle">d</span> 
 
    </div> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="js/jquery.fullPage.js"></script>

來源

2016-09-18 10:49:47

我正在使用gulp任務來縮小所有依賴關係，並且concat和minify命令的順序是錯誤的，您的回覆給了我靈感來發現它，非常感謝。 –

不要提到哥們，你總是受歡迎 –

fullpage.js垂直對齊問題

回答

相關問題