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

可以通过以下步骤实现：

首先，需要获取到包含内容的div元素和滚动条所在的父元素。可以使用document.getElementById()方法或其他选择器方法获取到这两个元素。
接下来，需要监听内容的变化，以便在内容添加时自动滚动到底部。可以使用MutationObserver来监听内容的变化。MutationObserver是一个用于监视DOM树变化的API，可以在DOM树发生变化时触发回调函数。
在回调函数中，可以使用scrollTop属性来实现滚动到底部的效果。将scrollTop属性设置为scrollHeight属性的值，即可将滚动条滚动到底部。可以使用元素的scrollIntoView()方法来实现平滑滚动的效果。

下面是一个示例代码：

// 获取包含内容的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);
});

在上述示例代码中，我们首先获取到包含内容的div元素和滚动条所在的父元素。然后创建了一个MutationObserver实例，配置了选项，开始监听内容的变化。在回调函数中，将滚动条的scrollTop属性设置为scrollHeight属性的值，实现滚动到底部的效果。最后，我们添加了一个按钮的点击事件，用于动态添加内容，触发内容变化的监听。

这是一个简单的实现示例，你可以根据实际需求进行修改和扩展。