fullPage.js가 스크롤되지 않습니다.

StackOverflow https://stackoverflow.com//questions/24016175

  •  21-12-2019
  •  | 
  •  

문제

이전에 이 문제에 대한 답을 찾을 수 없었다는 사실에 놀랐습니다.나는 전체 페이지 플러그인을 내 사이트에 통합하려고 시도했지만 기본적으로 스크롤 기능을 비활성화했습니다.첫 번째 섹션에 붙어 있습니다.나는 모든 것을 뼈대로 자르는 단순화된 버전을 만들려고 노력했지만 같은 문제였습니다.

머리 부분에..

<link href="css/jquery.fullPage.css" rel="stylesheet" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="scripts/jquery.fullPage.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.fn.fullpage();
});
</script>

본체 부분에..

<body>
<header class="section">
    <div><h1>A</h1></div>
</header>
<main>
    <section class="section">
        <div><h1>B</h1></div>
</section>
<section class="section">
    <div><h1>C</h1></div>
</section>
</main>
</body>

무슨 일이야?미리 감사드립니다.

도움이 되었습니까?

해결책

플러그인에 필요한 구조를 따르지 않습니다.당신의 class="section" 요소는 지적된 것과 동일한 수준에 있어야 합니다. 문서에서.내부에 섹션을 포함할 수 없습니다. <main>.같은 수준이어야 합니다.

<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>

또한 플러그인의 마지막 버전을 사용하는 경우 모든 섹션에 대해 랩을 사용하고 초기화 시에도 이를 사용해야 합니다.

<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

초기화:

$(document).ready(function() {
    $('#fullpage').fullpage();
});
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top