Jquery Colorbox scrolls whole window not just content inside colorbox -

I am using Jquery Colorbox to show information in colorbox popup.

I have iframe on, so the colorbows popup scrolls have more content than the height of the color box, the new color box opens.

The issue is that I continue to scroll in the color box until the end of the window using my color, continue scrolling the scroll button and the entire window on my mouse, not just in the pop up window , Scroll down.

Is there a way to stop this? Hope this makes sense.

One way to do this is by hiding the document overflow when the colorful box dialog is opened And then stops when it stops you can bind in custom jQuery events that uses ColorBox:

  $ (document) .bind ('cbox_open', function () {$ ('Html'). CSS ({overflow: hidden '});}). Bind ('cbox_closed', function () {$ ('html'). CSS ({overflow: 'auto'}}}   
 A small jump occurs when the parent window But the scrollbar disappears and it appears again. It used to bother me, so I used the Musseille method described in this type of question:  
 My use is a bit complicated because I have an IFRAME inside ColorBox I'm using and clearly set up the scrollbar. H had run a script inside J, which was bound to the musicwill event, and stopped the promotion in the lower part of the element. To use the simple colorbox, you can create a scrollable sequence for the scrollable element in a musicwill event by binding a Should be able to create reusable solutions.