div的滚动加载的循环动画

Question

我正在设计和开发网站：http://www.kesneldorlean.com 我使用的是wordpress，该主题是我制作的自定义主题。

在首页（首页）中，我有一个可滚动的div，我希望它在页面加载时像轮播一样进行动画处理，在每个部分上捕捉并在滚动之间有一个停顿，一个延迟（客户端阅读的时间）部分）。

最后，我想在onmousedown为true时暂停动画。

滚动捕捉很容易。但是我已经在互联网上进行搜索，但是没有找到想要的动画效果的任何解决方案。

我在javascript中尝试了此代码。但这给了我错误：无法读取未定义的属性'top'。

var home = document.getElementById("home");
var section = document.getElementsByClassName("section");
var sectionToScrollTo = "#section" + s;
var activeSection = jQuery(sectionToScrollTo);
var speed = 12000;
var s;

function scroll(){
    if (home.onmousedown == true){
        void(0)
    }else{
        for (s = 0; s < 8; s++) {

            jQuery("#home").animate({
            scrollTop: activeSection.offset().top
        }, speed);

        }
        s = 0;
    }
}

window.onload = scroll();