Html 加载内容一直滚动到底部

我正在使用PHP和MySQL为我的网站添加简单的IM功能。我将这些消息放在一个嵌入式iframe中，这样我就可以让它们每隔一段时间刷新一次，而不必刷新和重画整个页面。问题是，我想让消息以类似于文本或其他IM的格式加载，最新的在底部，然后你向上滚动以获取旧消息。这一切都很好，除了我无法让页面加载视图中的最新文本

加载完成后，如何强制iframe的内容滚动到底部

函数滚动底部（）{
var元素=document.getElementById（“messageFrame”）；
element.scrollTop=element.scrollHeight；
}

p，h5{
显示：内联块；
浮动：左；
}
p{
宽度：90%；
}
h5{
宽度：10%；
}
部分*{
显示：内联块；
}
第h5节{
字体大小：粗体；
字体大小：16px；
宽度：自动；
左边距：5px；
}
第h6节{
宽度：10%；
显示：内联块；
浮动：对；
保证金：0；
}
第p节{
文本对齐：居中；
}
.行{
填充：15px；
宽度：100%；
保证金：0；
}
.messageContent{
宽度：90%；
}
.世界其他地区部分{
宽度：100%；
}

这里有文字
文本位于此处

这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
文本位于此处


这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
测试

这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
测试

这里有文字
您应该不滚动地看到这个
您应该可以在不滚动的情况下看到这一点
您应该不滚动地看到这个

通过使用jquery，您可以

$(".messageContent:last-child")[0].scrollIntoView()

$（“.messageContent:last child”）=Jquery选择器

[0]选择器结果的第一个元素

.scrollintoview：

---

下面是一个很好的调用，onload只对主体有效，因为javascript是就地导出的（当渲染器获取内容时），您可以在div之后添加一个脚本标记，使用jQuery时，请确保在函数调用之前加载库。

看，首先，您不能从div调用onload，因此最好将代码放在div之后

现在您可以实际调用代码了，请尝试使用jquery或其他方法进行验证，因为我确信这段代码是正确的，请在浏览器中尝试

函数滚动底部（）{
警报（“这不起作用”）；
var元素=document.getElementById（“messageFrame”）；
element.scrollTop=element.scrollHeight；
}

p，h5{
显示：内联块；
浮动：左；
}
p{
宽度：90%；
}
h5{
宽度：10%；
}
部分*{
显示：内联块；
}
第h5节{
字体大小：粗体；
字体大小：16px；
宽度：自动；
左边距：5px；
}
第h6节{
宽度：10%；
显示：内联块；
浮动：对；
保证金：0；
}
第p节{
文本对齐：居中；
}
.行{
填充：15px；
宽度：100%；
保证金：0；
}
.messageContent{
宽度：90%；
}
.世界其他地区部分{
宽度：100%；
}

这里有文字
文本位于此处

这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
文本位于此处


这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
测试

这里有文字
这里有文字
文本位于此处

这里有文字
这里有文字
宽度：80%；文本对齐：左；换行字：