全屏滚动页面（带箭头翻页）（fullPage.js插件）（滚屏翻页）

下载插件的网站及查看演示：
在此网站下载插件.

加入箭头使得点击箭头翻到下一页:

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();
});

来源：CSDN

作者：水仙根加艾草液

链接：https://blog.csdn.net/guanqihui/article/details/104684861