下载插件的网站及查看演示:
在此网站下载插件.
加入箭头使得点击箭头翻到下一页:
html:
<div class="arrow "></div>
css:
.arrow {
opacity: 1;
animation: arrow 3s cubic-bezier(.5,0,.1,1) infinite;
-webkit-animation: arrow 3s cubic-bezier(.5,0,.1,1) infinite;
position: absolute;
top: 30px;
left: 50%;
margin-left: -30px;
width: 60px;
height: 60px;
line-height: 60px;
cursor: pointer;
background-image: url(/images/down.png);/* 这里放箭头图片路径 */
background-repeat: no-repeat;
background-size: 100%;
}
js:
$('.arrow').click(function () {
$.fn.fullpage.moveSectionDown();
});