剑道窗口滚动背景窗口

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");

在我的情况下，我添加了一个称为的CSS定义ob-no-scroll，然后在触发open / close事件时添加/删除了它。

此CSS定义如下所示：

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

此处的示例：http : //jsfiddle.net/OnaBai/HkwLS/