1) I have a webpage that contains an iframe. The iframe is scrollable.

2) I have the main body of the page responding to onmouseup clicks:

<body onmouseup="hideMenus(event)">

And I have the main body of the child page (displayed in the iframe) also responding to onmouseup clicks:

<body onmouseup="parent.hideMenus(event)">

So clicks on both pages result in hideMenu() on the parent page being called.

Now when the scroll bars on the iframe become visible (due to large amounts of content), I click on the scroll bar, and the hideMenus() function does not respond. I guess the scroll bar is not recognized as part of either the parent page or the iframe's page. I tried adding

onmouseup="hideMenus(event)"

to the iframe but that didn't help.

How can I get mouse clicks on the iframe's scroll bar to result in hideMenu being called?

The website can be viewed here: http://www.shahspace.com/bow/home.html