如果使用 jQuery,可以在 ajax 请求完成后使用以下代码滑动到 div 底部:
$.ajax({
url: '/example',
success: function(data) {
$('#target-element').html(data);
$('html, body').animate({scrollTop: $('#target-element').offset().top + $('#target-element').outerHeight() }, 500);
}
});
如果使用原生 JavaScript,可以使用以下代码:
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('target-element').innerHTML = xhr.responseText;
var targetElement = document.getElementById('target-element');
window.scrollTo(0, targetElement.offsetTop + targetElement.offsetHeight);
}
};
xhr.open('GET', '/example');
xhr.send();