Question

由于某种原因，这段代码通常向上/向下滚动到指定的targetDiv的开头，而是将页面向下滚动到页面下方，而不是targetDiv已经到达的末尾。

function postData(data, url, divAction, targetDiv) {
    $.ajax({
        type: 'POST',
        url: url,
        data: data,
        success: function(response) {
            if (divAction == 'hide') {
                $(targetDiv).hide();
                $(targetDiv).empty();
            }
            if (divAction == 'refresh') {
                $(targetDiv).html(response);
                $('html, body').animate({
                    scrollTop: '+=' + $(targetDiv).offset().top + 'px'
                }, 'fast');
            }
        },
        error: function() {
            alert('Error! Plese try again.');
        }
    });
    return false;
};

任何建议都赞赏！

Answer 1

你应该试试这个：

$('html, body').animate({
    scrollTop: $(targetDiv).offset().top
}, 'fast');

Answer 2

这是 jsfiddle并且它有效。 `

targetDiv = $('#id1');
$(targetDiv).html("<iframe src=\"www.google.com\" />");
$('html, body').animate({scrollTop: '+=' + $(targetDiv).offset().top + 'px'

}，'快'）`

动态加载内容后，jQuery滚动到错误的偏移量

2 个答案: