我试图在用户向下滚动我的页面时触发自动滚动以锚定。我从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()
吗?