My question concerns an absolutely positioned, scrolling DIV area on a page, such as the following:
<div style=”height:5em; width:5em; position:absolute; top:50%; left:50%; overflow:scroll”>
blah blah blah blah blablablablablablablah blah blah blah blah blablablablablablablah blah blah blah blah blablablablablablablah blah blah blah blah blablablablablablablah
</div>
When I position the mouse over this DIV, I want the content within it (not the whole page) to scroll when I use the mouse wheel. (This effect happens by default in Internet Explorer, but in other browsers I have to move the DIV’s scrollbar to make the content scroll; the mouse wheel always scrolls the whole page even if I click inside the DIV. I don’t want that.)
I tried
<div onmouseover=”this.focus()”>
but that did not work.