滚动动画 JQuery UI

Question

我正在使用 JQuery UI 在我的 网页 中添加日历，我以前经常

window.location.href

去 将锚点单击日历中的日期

onSelect

使用JQuery UI 日期选择器事件 。 任何人都可以建议在 onSelect 事件中使用 JQuery 如何平滑滚动？ js代码是这样的：

<script type="text/javascript">     
$(function() {
var events = [ 
{ Title: "#DETAILS", Date: new Date("09/13/2011") }, 
{ Title: "Dinner", Date: new Date("09/25/2011") }, 
{ Title: "Meeting with manager", Date: new Date("10/01/2011") }
];

$("#datepicker").datepicker({
beforeShowDay: function(date) {
    var result = [true, '', null];
    var matching = $.grep(events, function(event) {
        return event.Date.valueOf() === date.valueOf();
    });

    if (matching.length) {
        result = [true, 'highlight', null];
    }
    return result;
},
onSelect: function(date) {
       window.location.href = "#"+date;
}
});
});
</script>

Answer 1

也许使用像 这个 这样的 jQuery 插件？

[...]
onSelect: function(date) {
       $.smoothScroll({
        scrollTarget: "#"+date
        });
    }