javascript - 如何使用 scrollTo(0,0) 打开带有滚动条的剑道窗口？

Question

我有一个带有滚动条的剑道窗口。如果用户向下滚动到窗口内容的底部，关闭窗口，然后重新打开，则窗口以相同的滚动位置（即窗口内容的底部）打开。但是，我希望窗口在重新打开时始终显示在内容的顶部。如何才能做到这一点？

这是演示问题的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);
});