当弹出窗口关闭时,我需要添加一个滚动到红色背景div

时间:2017-09-07 02:03:49

标签: javascript jquery html css kendo-ui

  1. 当我点击打开第一个窗口按钮时,会打开一个弹出窗口。
  2. 在该窗口中,当我点击十字图标时,弹出窗口将关闭。
  3. 当弹出窗口关闭时,我需要添加一个滚动到红色背景div。
  4. 你们能告诉我如何添加它吗?在下面提供我的代码。

    http://jsfiddle.net/7n77r6ue/

    $("#open1").click(function() {
        $("#win1").show().kendoWindow({
            width: "300px",
            height: "500px",
            modal: true,
            title: "Window 1"
        });
    });
    
    $("#open2").click(function() {
        $("#win2").show().kendoWindow({
            width: "300px",
            height: "500px",
            modal: true,
            title: "Window 2"
        }).data("kendoWindow").center();
    });
    
    $("#close2").click(function() {
        $("#win2").data("kendoWindow").close();
    });
    

1 个答案:

答案 0 :(得分:0)

您可以在窗口的关闭事件上添加一个函数,只需将其放入选项中:

$("#win1").show().kendoWindow({
    width: "300px",
    height: "500px",
    modal: true,
    title: "Window 1",
    close: functionOnClose     // Call a function on close of the window
});

要添加滚动条,您可以使用jQuery:

$(".scrollWindow").css("overflow-y","scroll");

(滚动条将处于非活动状态,除非div高于视口,但它会出现。)

这是一个演示:http://jsfiddle.net/wrvj1p44/