modal.preventScroll Boolean (default: false)

Specifies whether the document should stop scrolling when modal dialog is opened. Closing it should restore the initial document overflow. Note that it's not supported to have multiple dialogs with different preventScroll setting.

Example

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  modal: {
      preventScroll: true
  }
});
</script>
In this article