滚动到iFrame元素的底部

Question

我有一个iFrame元素，该元素显示我在网站上运行的Python脚本的日志输出文件。日志文件很长，因此我想让iFrame元素自动滚动到底部，这样一开始，所需的滚动次数更少。

我在以下堆栈交换页面上尝试过方法： 1）jQuery Scroll to bottom of page/iframe 2）Scroll to bottom of Div on page load (jQuery) 3）How to scroll an iframe to the bottom when page loads?

我希望使用jQuery进行此操作。我已经证实从googleapis引入jQuery并不是问题，因为我编写的另一个jQuery函数可以正常工作。我一直在尝试从这三个来源获得不同的代码组合，但是似乎无法确定。

我从一个来源了解到，jQuery要获取iFrame的内容需要.contents（），因此我一直在使用它。我还尝试了.scrollTop（）中的一些其他方法，例如仅放入大量数字，但似乎没有办法解决问题。任何帮助将不胜感激，因为我对jQuery很陌生。

我还尝试单独使用Javascript作为来自stackexchange链接Scrolling an iframe with JavaScript?的解决方案。但是，这也无法自动滚动框架。

HTML

<div class="logbox">
<iframe id="frame" scr="/logs/exampleLog.log" frameborder="2" height='100%' width='100%'></iframe>
</div>

CSS

.logbox {
  -webkit-overflow-scrolling: touch;
  align: center;
  background-color: #F5F5F5;
  max-width: 100%;
  height: 300px;
}

jQuery

<script>
  $(function(){
      $("#frame").contents().scrollTop($('#frame').contents().scrollHeight);             
  });
</script>