Hi All,
I'm building a menu with topics and items.Each topic can be expanded and collapsed by clicking on it.My task is to make it possible to move through menu topics and items with the up and down arrow keys.I've done this already, but the problem is that when the page is bigger than the window, the page is scrolling when pressing the arrow keys.I've tried using
document.body.style.overflow = "hidden";
to stop the page from scrolling.Thus when I clcik on 'Topic2' for example I can continue using the arrow keys to go to next topic/item.After that if I click anywhere else on the screen I set the overflow back to auto and the page can be scrolled again. This works in IE, but not in FF.In FF the scrollbars are being removed and the mousewheel doesn't scroll the page, but the arrow keys still DO . So my question is how to fix that. Or better, how not to scroll the page when the focus is on any menu element? Thus I won't use the overflow property.
Thank you,