javascript - fullpage.js 向下箭头的问题

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