kendo-ui - Kendo Window 滚动背景窗口

Question

我弹出一个剑道窗口，其中包含用户可以滚动浏览的信息。当通过鼠标滚动到达该窗口的底部/顶部时，背景窗口开始滚动。我希望能够关闭此功能而不...

A) 使剑道窗口模态化

B) 在窗口打开时将溢出设置为隐藏在 HTML->Body 上

Answer 1

要使窗口模式化，请使用属性 modal : true，要控制打开时的滚动和关闭时的恢复，请使用 open 和 close事件处理程序。

var win = $("#win").kendoWindow({
    modal: true,
    open: function (e) {
        $("body").addClass("ob-no-scroll");
    },
    close: function(e) {
        $("body").removeClass("ob-no-scroll");
    }
}).data("kendoWindow");

就我而言，我添加了一个名为 ob-no-scroll 的 CSS 定义，然后在触发打开/关闭事件时添加/删除它。

这个 CSS 定义如下:

.ob-no-scroll { 
    overflow: hidden;
}

示例:http://jsfiddle.net/OnaBai/HkwLS/