如何使用scrollTo(0,0)打开滚动条的Kendo窗口？

Question

我有一个带滚动条的Kendo窗口.如果用户向下滚动到窗口内容的底部,关闭窗口,然后重新打开,则窗口打开时处于相同的滚动位置(即窗口内容的底部).但是,我希望窗口在重新打开时始终显示在内容的顶部.如何才能做到这一点？

这是证明问题的jsfiddle:

http://jsfiddle.net/e6shF/24/

这里有一些来自小提琴的代码,因为我必须将这个包含在帖子中...

var win;
function openWindow() {
    if (!win) {
        win = $('#win').kendoWindow({
            modal: true,
            width: '100px',
            height: '100px'
        });
    }
    $('#win').css('display', '');
    win.data('kendoWindow').center().open();
}

$(document).ready(function() {
    $('#button').click(openWindow);
});

Answer 1

要向后滚动<div id="win">到顶部位置,只需运行:

$("#win").scrollTop(0);

重新打开后:

var win;
function openWindow() {
    if (!win) {
        win = $('#win').kendoWindow({
            modal : true,
            width : '100px',
            height: '100px'
        });
    }
    $('#win').css('display', '');
    win.data('kendoWindow').center().open();
    $('#win').scrollTop(0);
}
$(document).ready(function() {
    $('#button').click(openWindow);
});

或者如果您想简化代码:

$(document).ready(function () {
    function openWindow() {
        win.center().open();
        win.element.scrollTop(0);
    }
    var win = $('#win').kendoWindow({
        visible: false,
        modal  : true,
        width  : '100px',
        height : '100px'
    }).data("kendoWindow");
    $('#button').click(openWindow);
});