如何在div类或id上设置锚点

Question

如何在约 - 我们班级设置定位点？

这是html

<div class="about-us" id="about-us">
    <div class="container center con-about-us">
        <div class="row">
            <h1>Aproape de <span>dumneavoastra</span></h1>
            <hr>
            <p>Salty Spa este locul ideal în care va oferim posibilitatea de a va relaxa si de a avea grija de sanatate prin intermediul<br>
            terapiei saline in orasul dumneavoastra. Intr-o atmosfera placuta si un cadru ambiant amenajat corespunzator<br>
            pentru a va simtii rasfatati, beneficiind de servicii de inalta calitate.</p>
        </div>
    </div>
</div>

和css

.about-us {
    background-color:#f2f2f2;   
    border-bottom: 1px solid #e2e2e2;  
}

.about-us span {color: #333;}
.about-us p {font-weight: 300;font-size: 15px;color:#a5a5a5;}

我希望当滚动到达about-us类放置动画时。 我使用https://daneden.github.io/animate.css/

Answer 1

你可以这样做......

var aboutUSOffset = $(".about-us").offset().top;
$(window).bind("scroll", function() {
    var offset = $(this).scrollTop();

   if (offset >= aboutUSOffset) {
     //do animation script
   }

}）;