航路点-将类添加到此不起作用（纯javascript）

我在中的一个项目中使用Waypoints javascript插件（）来识别某些元素何时滚动到视口中。您可以在此处看到我的项目：

当每个航路点滚动时，我试图添加一个类

我没有使用JQuery

HTML:

<div id="projects" class="dragscroll">

    <div id="project1" class="projects">
        <div id="clientTypeTopContainer">
            <div id="clientTypeTop">MASTERCARD</div>
        </div>
        <img data-original="img/project1.jpg" id="project1Image" class="projectImage">
        <div id="project2Title" class="projectTitle">Advanced New Passat<br/>campaign site</div>
    </div>

    <div id="project2" class="projects">
        <div id="clientTypeTopContainer" class="clientTypeTopContainerBottom">
            <div id="clientTypeTop">MASTERCARD</div>
        </div>
        <img data-original="img/project2.jpg" id="project2Image" class="projectImage">
        <div id="project2Title" class="projectTitle">Advanced New Passat<br/>campaign site</div>
    </div>

</div>

var continuousElements = document.getElementsByClassName('projects')

for (var i = 0; i < continuousElements.length; i++) {
    new Waypoint({
        element: continuousElements[i],
        handler: function() {
            //alert('helloworld'),
            this.disable(),
            this.className +=' projectFadeIn';
        },
        context: document.getElementById('projects'),
        horizontal: true
    })
}

当我通过ID获得一个元素时，我可以添加一个类，但当我希望它是我需要的“this”时，我就不能添加

任何帮助都将不胜感激

干杯。

---

Thomas.

根据使用this.element以dom元素为目标

您的意思是this.element.className+='projectFadeIn'？这是将类应用于容器中的第一个div，而不是当前滚动到视口中的div。有什么想法吗？是的，它将类添加到

div.projects

，对吗？您要针对哪个元素？是的，正确。有一个ID为“”的容器。该容器中有几个div，每个div都有一个类，该类也是项目。元素正在将类添加到容器中的第一个div中。我希望根据当前滚动到视口中的元素的大小确定其目标。例如，在一个普通的桌面显示器上，这可能是第二或第三版。谢谢你的帮助，这些评论给了我正确的方向

this.className +=' projectFadeIn';