2013-01-18 34 views
1

我有一個有滾動條的Kendo窗口。如果用戶向下滾動到窗口內容的底部,關閉窗口然後重新打開,則窗口以相同的滾動位置(即在窗口內容的底部)打開。但是,我希望窗口始終顯示在重新打開的內容的頂部。如何才能做到這一點?如何使用scrollTo(0,0)打開滾動條的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); 
}); 

回答

3

要滾動您<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); 
});