如何可以使用js实现让图片加载完成后滚动条置底？

可以通过以下步骤实现：

1. 首先，需要将图片的加载事件绑定到相应的函数上，以确保图片加载完成后能够触发相应的操作。可以使用 `addEventListener` 函数实现：

   const img = document.querySelector('img');
   img.addEventListener('load', function() {
     // 图片加载完成后的操作
   });

2. 然后，在图片加载完成后，可以使用 `scrollTop` 属性将滚动条置底。可以将 `scrollTop` 设置为一个较大的值，例如页面的高度：

   window.scrollTo(0, document.body.scrollHeight);

或者可以使用 `scrollIntoView` 函数将页面最底部的元素滚动到可见区域：

   const bottomElement = document.querySelector('.bottom');
   bottomElement.scrollIntoView();

这样，当图片加载完成后，页面就会自动滚动到底部了。

完整代码如下：

const img = document.querySelector('img');
img.addEventListener('load', function() {
  window.scrollTo(0, document.body.scrollHeight);
});