原生Javascript滚动到底部，带有动态添加内容的div上的平滑动画

// 获取包含内容的div元素和滚动条所在的父元素
var contentDiv = document.getElementById('content');
var parentDiv = document.getElementById('parent');

// 创建MutationObserver实例，监听内容的变化
var observer = new MutationObserver(function(mutations) {
  // 滚动到底部
  parentDiv.scrollTop = parentDiv.scrollHeight;
});

// 配置MutationObserver的选项
var config = { childList: true };

// 开始监听内容的变化
observer.observe(contentDiv, config);

// 动态添加内容的示例
var addButton = document.getElementById('addButton');
addButton.addEventListener('click', function() {
  // 创建新的内容元素
  var newContent = document.createElement('div');
  newContent.textContent = '新的内容';

  // 将新的内容添加到包含内容的div元素中
  contentDiv.appendChild(newContent);
});