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 %,'#의 fullpage, .section, 좁은 방, 바디, HTML : 어떻게' – YOU

정렬 {높이 100 %}? ... 그것을 보여주는 이미지는 도움이 될 것입니다 – 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

나는 모든 의존성을 줄이기 위해 꿀꺽 꿀꺽 작업과 함께 일하고 있습니다. 그리고 concat 및 minify 명령의 순서는 잘못되었습니다. 여러분의 답장이 저에게 영감을주었습니다. 감사합니다. –

친구를 언급하지 마십시오. 언제나 환영합니다. –

fullpage.js 세로 맞춤 문제

답변

관련 문제