Forums

Give help. Get help.

  • # December 27, 2012 at 12:51 am

    Hello Everyone,

    There seems to be a few glitches with some jquery I’m working with. I’ve attempted a fix…having no luck. Hopefully the experts here can provide some assistance. Thank you.

    **Problem**
    The animation flickers/stutters when scrolling the page too fast or at a continuous rate.

    **Attempted Fix**
    Added .stop() to prevent animation queue buildup _Failed to solve the issue_

    **Goal**
    Prevent the flicker/stutter during excessive scrolling

    **Sample**
    http://jsfiddle.net/Sg8JQ/147/embedded/result/

    # December 29, 2012 at 7:23 pm

    I didn’t experience a flicker with your example. Perhaps you need to throttle your scrolling event so that it doesn’t fire too often. Take a look at this to learn more about throttling:
    http://benalman.com/projects/jquery-throttle-debounce-plugin/

    # December 29, 2012 at 7:59 pm

    Add this:

    return false;

    to the last line of _scrollThis()_. When you use mousewheel, you need to return false if you don’t want the user’s action to actually move the scrollbar. What’s happening in your code, is when the user scrolls the mouse wheel, the scrollbar is moving _and_ your javascript is firing. You just want your javascript to fire and ignore the native behavior.

    # December 30, 2012 at 11:24 am

    @NSR, Yep! You got it! That should work.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag