我怎么能有一个剑道窗口与滚动条打开scrollTo(0,0)

How can I have a Kendo window with a scrollbar open with a scrollTo(0,0)?

本文关键字：scrollTo 滚动条 有一个 怎么能 窗口      更新时间：2023-09-26

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

下面是演示问题的示例:

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

要将<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);
});
相关文章：