jquery - scrollTo - jQuery 插件。滚动正常，但尝试向上滚动时出现锯齿状且 'stuck'

Question

我正在使用scrollTo插件并在“点击”事件中的动画方法的回调函数中执行它。

页面滚动得很好，但如果我使用鼠标滚轮或滚动条尝试返回，它不会让我这样做。它只是有点卡住并与我战斗 - 产生跳跃效果。大约一秒钟后，它恢复正常行为。

我无法显示发生这种情况的确切位置(不允许)，但我复制了下面的代码:

// This function finds the first item that has an opacity set to 1 (full)
function moveIt() {
    var theItem = $('.work').filter( function(j) { return $(this).css('opacity') == 1 } ).eq(0);
    $("html").scrollTo( theItem, 350 );
}

$("#work-menu-client a").click(

    function () {

        var val = $(this).attr("href");
        val = val.substring(1, val.length);

        if( val.length ) { 


            $(".work[data-client*='" + val + "']").animate({
                opacity: 1
                }, 350, function() {    
                    // Complete
            });


            $(".work:not([data-client*='" + val + "'])").animate({
                opacity: 0.05
                }, 350, function() {

                    moveIt();

            });


        }

        return false;

    }, 

    function () {
        return false;   
    }

);

不用担心这整个事情的作用，但是将此代码放入回调函数中有些不对劲。几乎就像它不断循环/重复回调一样，所以我无法返回。

(如果您想知道，基本上，菜单允许我根据某些项目的属性淡入和淡出某些项目，然后我滚动到第一次出现不透明度未淡出的位置。)

任何帮助将不胜感激。

我找到了有类似问题的人，但尚未解决，而且反馈很少:JQUERY, scrollTo, after scrolling down, the page won't let me scroll up for a second... Y?

非常感谢，迈克尔。

编辑:事实上，我刚刚注意到我也无法向下滚动......所以本质上，我被困在它发送给我的位置。

Answer 1

我也遇到了这个问题，但错误/修复与选择器逻辑无关。

问题是我将点击处理程序绑定(bind)到多次触发scrollTo的 anchor 上，而没有解除旧的绑定(bind)。我正在实现 ajax 加载和重新注册事件处理程序，但没有取消注册旧的事件处理程序。该修复仅涉及在 $(selector).on(...) 之前调用 $(selector).off() ，我不必更改它，因为它仍然是我的行为通缉。