滚动超过.scrollTop值时滚动到锚点

时间:2018-06-26 23:54:03

标签: javascript jquery scroll anchor scrolltop

我试图在用户向下滚动我的页面时触发自动滚动以锚定。我从this post开始工作,正在使用以下jQuery以定义的值400触发函数:

              <script>
        jQuery(document).ready(function() {
    function scrollToAnchor(aid){
    var aTag = $("a[name='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

                jQuery(window).scroll(function() {

                if (jQuery(this).scrollTop() > 400) {
                    scrollToAnchor('mainanchor');
                } else {
                    jQuery.noop()
                }
            });
        });
    </script>

这有效,但是在单次滚动后会锁定到锚点并在两个方向上触发(仅希望它在向下滚动时触发)。我不确定下一步该怎么做,我需要.debounce()吗?

0 个答案:

没有答案