0

I am working with JSF 1.2 and Richfaces and I need to use a modal panel with scrollbars on it. The behaviour is like this: - if I scroll the popup using the mouse wheel, then the whole page (from behind) gets scrolled when the popup scrollbars reach the top or the end. - if I scroll the popup by selecting the scrollbar, then the page is not scrolled, only the popup.

The bahaviour I want is that the page never gets scrolled when using the mouse wheel. Any idea how can I achieve this?

Alina Danila
  • 1,683
  • 1
  • 24
  • 60
  • Isn't that the default behavior in browsers? Also, As I've seen, the generated HTML for the modal panel is a div, so try to make a div with scroll bar working the way you need, and then just apply it to your modal panel. – Luiggi Mendoza Jun 20 '12 at 13:45
  • the modal panel has inside a div with overflow: auto and fixed height which actually does the scrolling. And no, the default bahaviuor is not the one I want. – Alina Danila Jun 20 '12 at 13:52
  • Try asking how to get that behavior with a div using html, javascript and css tags. The answer provided there can be applied into your modal panel AFAIK. – Luiggi Mendoza Jun 20 '12 at 16:06
  • I will try to restrict the mouse scroll only to the popup using javascript. Thanks. – Alina Danila Jun 20 '12 at 19:08

0 Answers0