Jquery 当另一个div位于页面顶部时，滚动至div

我希望我的页面在另一个div（#home bottom）到达页面顶部后滚动到一个div（#about）

就在我拿到这个的那一刻

<div id="home" style="padding-bottom">
    <div id="home-bottom" style="padding-top:1000px;"></div>
</div>
<div id="about" style="height:1000px;"></div>

---

但是，它可以工作，一旦你达到了关于，你就不能滚动到任何地方，因为你会立即滚动回大约？？？

并且你的主页按钮div在哪里？正如我看到的，你只想滚动到大约一次？然后，在制作动画时，只需在主体上添加一个flag类。并添加一个条件，以检查该类是否已存在。例如

if（！$（'body'）.hasClass（'alreadyScrolled'）&&$window.scrollTop（）>=distance）{$（'body'）.addClass（'alreadyScrolled'）；/*制作动画*/}

$(document).ready(function(){
    var distance = $('#home-button').offset().top,
        $window = $(window);

    $window.scroll(function() {
        if ( $window.scrollTop() >= distance ) {
            $('html,body').animate({
                scrollTop: $("#about").offset().top}, 'slow');
        }
    });
});