开发者

scrollTo - jQuery plugin. Scrolls fine, but trying to scroll back up is jaggered and 'stuck'

I'm using the scrollTo plugin and executing it in a callback function of an animate method within a 'click' event.

The page scrolls just fine, but then if I use the mousewheel or scrollbar to try and go back up, it won't let me. It's just kind of stuck and fights with me - creating a jumping effect. after a second or so, it resumes to normal behaviour.

I can't show the exact place this is happening (not permitted to) but I have copied my code below:

// 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;   
    }

);

Don't worry about what this whole thing does, but there's something not right with placing this code into the callback function. Almost like it keeps looping / repeating the callback so I can't go back up.

(If you want to know, basically, a menu allows me to fade in and out certain items based on their attribute, then I scroll to the first occurance of where the opacity wasn't faded out.)

Any help would be greatly appreciated.

I located someone with a similar problem but it hasn't been solved and there's little feedback on there: JQUERY, scrollTo, after scrolling down, the page won't let me scroll up for a second... Y?

Many thanks, Michael.

EDIT: In fact, I have just noticed that I can't scroll down either...so essentially, I'm stuck in the position it sent me to.


I had this issue too, but the bug/fix was not about the selector logic.

The problem was that I was binding click handlers onto the anchor that was triggering the scrollTo more than once, without unbinding old ones. I was implementing ajax loading and re-registering event handlers but not de-registering old ones. The fix just involved a call to $(selector).off() before $(selector).on(...), which I didn't have to change since it was behavior that I still wanted.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜