469,904 Members | 2,499 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,904 developers. It's quick & easy.

Inline scrollable divs and mouse wheels

== Background ==
I have created a parts list table that does not need to fill the entire
page. The solution has been to put the table within a scrolling div,
allowing me to set the height of the table while keeping the rest of
the page fixex.

== Issue ==
When using a mouse wheel and placing the cursor over the table, the div
will scroll as expected. However, when you reach the top or bottom of
the div's contents, the scroll action reverts back to its parent
object; in this case, the page body itself.

== Desired Result ==
Scrolling to the bottom of the div would cause the mouse wheel action
to be disabled for any other down scrolling, reactivated only when a
scroll up action occurs. The opposite would be expected for reaching
the top of the div.

== Proposed Workaround ==
Apply a JavaScript event handler to the div that prompts the actions in
the "desired results" section above.

Dec 14 '06 #1
0 1470

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

30 posts views Thread by Adam Siler | last post: by
3 posts views Thread by Aaron | last post: by
reply views Thread by Geoff B via .NET 247 | last post: by
4 posts views Thread by hans.kindberg | last post: by
7 posts views Thread by massic80 | last post: by
2 posts views Thread by Steve Richter | last post: by
2 posts views Thread by Hugh Oxford | last post: by
1 post views Thread by Waqarahmed | last post: by
reply views Thread by Salome Sato | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.