JQuery滚动到点击锚点？答案

【问题标题】：JQuery scroll to anchor on click?JQuery滚动到点击锚点？
【发布时间】：2011-04-01 03:25:35
【问题描述】：

基本上我有这个函数是一个创建分页的类。我想以某种方式使用平滑滚动将页面移回评论容器 div 的顶部，但不确定我需要在哪里或使用什么功能。

var Comments = function(options) {
    this.options = {
            id: 0,
            page: 0,
            object: null,
            name: null,
            parentid: 0,
            folder: './'
        };

    this.options = $.extend(this.options, options || {});  

    this.getComments =  function(page) {
        this.options.page = page;
        var object = this.options.object;
        var data = 'objid=' + this.options.name;
        $.ajax({
           type: "GET",
           url: this.options.folder + 'backend.php',
           data: data,
           success: function(msg){
             object.html(msg);
           }
         });
    };  

    this.getComments(this.options.page);
});

我想在成功的 getComments 函数中做一些事情，将它向上移动到容器的 ID。有什么好办法吗？

【问题讨论】：

标签： ajax jquery smooth-scrolling

【解决方案1】：

如果您的评论 div 的 ID 为 comment-div，那么您可以这样做：

$('html,body').animate({
    scrollTop: '+=' + $('#comment-div').offset().top + 'px'
}, 'fast');

您可以根据需要调整速度，只需查看animate 文档了解详细信息。

【讨论】：