Clever Geek Handbook

Help me avoid strange auto scrolling in IE

I am maintaining a webpage and have to fix very strange behavior in IE. The page has a table that displays a menu for each cell as you move the mouse. Everything works fine if you have 800px browser window at least. If you are viewing this page using Chrome, Opera, or Firefox, and the browser window is less than 800 pixels tall, some menus will overflow the window and the user must scroll down to display hidden options. This is expected behavior. But if you are viewing the page using IE, and after showing the menu and scrolling down the page to see the hidden options, any mouse movement will scroll the page to the top of the page.

A mouseover event is connected to a submenu item, this event replaces the image displayed at the top of the page with another associated with the context of the submenu. I although this image exchange does this side effect, but replacing the function code with "return true" does not change this behavior.

I'm running out of ideas so any hint would be appreciated.

This is the URL (beautiful cars!): Www.kaufmann.cl
Mouse over "Clase C", when viewed at 800 pixels, the browser will display a vertical scroll bar. This is where the fun begins.

The "stackoverflow" parameter should display a DIV that shows the events fired and the execution order.

EDIT: This issue occurs in IE6 for IE8 (both in normal mode and compatibility mode)

+2


source to share


3 answers


Have you tried this?

<body style="height:1000px;" ...


Until you posted the version of IE that was showing the problem, on my machine (IE8), which gives a <BODY>

high height, fixes the scrolling back issue that appears on scrolling (with keyboard) when popup menus are shown.

+1


source


The browser seems to reset the scrollbar to the position where the last object was where the mouse pointer was pointed. When you hover over one element and then scroll down, the element below the mouse arrow does not apply the style for that element, but as soon as the mouse moves 1 pixel in any direction, the scrollbar is reset so the mouse is again positioned over the element highlighted in front of scroll down. Does anyone know a way to get around this silly behavior?



0


source


Try adding return false;

to your fragments onmouseover

like this:

<a onmouseover="MM_swapImage('cambio','', 
    '/publicador/site/artic/20090513/imag/FOTO_0520090513175050.jpg',
    '1'); return false;"></a>

(Other attributes and content have been removed for brevity.)

0


source






More articles:


All Articles