Question

我有一个kendo窗口弹出信息，用户可以滚动浏览。当通过鼠标滚动到达此窗口的底部/顶部时，背景窗口开始滚动。我希望能够在没有......

的情况下关闭此功能

A）制作剑道窗口模态

B）在窗口打开时将溢出设置为隐藏在HTML-＆gt; 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/

Answer 2

这对我有用：

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

Answer 3

对于2017版

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

Kendo窗口滚动背景窗口

3 个答案: