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