Question

为什么fullpage.js的可点击向下箭头未初始化？

HTML

<div class="contentDiv">
<img class="arrowDown" src="downarrow.png"/>
</div>

CSS

.arrowDown {
animation: bouncing 2s infinite ease-in-out;
bottom: 0;
display: block;
height: 50px;
left: 50%;
margin-left: -25px;
position: absolute;
width: 50px;
}

JS

$('.arrowDown').click(function () {
'use strict';
$.fn.fullpage.moveSectionDown();
});

任何有关为何无法正常工作的建议将不胜感激，谢谢您的时间

Answer 1

您好像忘记了导入jQuery Library。

在导入 js 文件之前，将其添加到 <头> 。

<script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>

确保将函数放入$(function(){ });

$(function(){
    $('.arrowDown').click(function (event) {
        event.preventDefault();
        $.fn.fullpage.moveSectionDown();
    });
});

此外，无论如何，如果您使用的是fp-normal-scroll，我认为您没有使用。 That's why

fullpage.js下箭头的问题

1 个答案: