滚动动画 JQuery UI答案

【问题标题】：Scrolling animation JQuery UI滚动动画 JQuery UI
【发布时间】：2011-11-08 23:50:28
【问题描述】：

我正在使用 JQuery UI 在我的web page 中添加一个日历，我使用了

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>

【问题讨论】：

也许使用像this one这样的jQuery插件？
@Franquis 您应该将您的评论移至答案。

标签： jquery jquery-ui jquery-plugins scroll datepicker

【解决方案1】：

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

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

【讨论】：

好的，我正在尝试使用它，但它似乎没有得到“日期”，它滚动到“#”，即到顶部。你知道如何调整吗？
其实它现在只是在顶部滚动，而不是到“scrollTarget”
你试过了吗？ $onSelect: function(date) { var date1 = "#"+date; $.smoothScroll({ scrollTarget: date1 }); }