Kendo UI Window, disable background scrolling

[Kyle]

I have a model Kendo window that gets displayed on a large page. The window contains a scrollable grid. Whenever I hit the end of scrolling in the grid, the main webpage scrolls and the window stays where it is. Is there anyway that can be fixed?

[Alex Gyoshev]

Hello Kyle,

You can remove the document scroll with the following line (when the window gets opened):
    $("html, body").css("overflow", "hidden");

When the window gets closed, restore the overflow styles with:
    $("html, body").css("overflow", "");

All the best,
Alex Gyoshev
the Telerik team

[Kyle]

 Thanks, I modified my window with the following:

$('#myWindow').kendoWindow({
  modal: true,
  open: function(e) { $("html, body").css("overflow", "hidden"); },
  close: function(e) { $("html, body").css("overflow", ""); }
};

And that seems to work great.

[Dimo]

Hello Kyle,

Please keep in mind that there are browsers that reset an element's scroll position when the overflow style is changed. You may want to save and restore the document's scroll position in the open/close handlers (if necessary).

Greetings,
Dimo
the Telerik team

[Kyle]

Thanks for the tip!