Page Jumps when scrolling with keys

Tagged: 

  • Page Jumps when scrolling with keys
    Viewing 3 posts - 1 through 3 (of 3 total)

  • MWEF-74
    Participant
    #11588

    The issue can be seen here: https://mwef.org.uk/grant-application/

    There are tabs set up in the middle section.
    Scrolling down with the arrow keys result in the page jumping back up, rather than smoothly stepping past the tabs down to the form.
    (I am using ninja forms).


    MWEF-74
    Participant
    #11590

    Tried with the accordion and toggles and that works fine. http://staging.mwef.org.uk/grant-application/


    Mostafa Yasser
    Moderator
    #11608

    Hello,

    I’ve test the arrow key scrolling its working fine, but what is causing this issue is the key bind to the tabs you have.

    If the tabs are selected, whenever you try to use arrow key scrolling it will switch to a different tab which will drag you back to the tab’s section.

    To unbind the arrow keys from the tabs, please add this custom Js at Themes Options jQuery( ".circleFlipTabs" ).find('.ui-tabs-nav li').off('keydown')

    Let me know if you need anything else
    Best regards

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

You must be logged in to reply to this topic.