如何解决如何在ejs中将跨度ID获取到<script>标记 显示消息滚动脚本
我正在使用一个聊天框系统,希望将滚动条向下推到聊天的最后一个条目;
对于下面显示的每个消息ID,我目前拥有<span id="message-<%-i-%>">
但是我似乎无法弄清楚如何从跨度到<script>...</script>
组件中获取数字。
请注意:此html是嵌入式JavaScript
显示消息
<div id="showMessages" class="flex-container">
<% for (var i = docs.length - 1; i >= 0; i--) {%>
<span id="message-<%-i%>">
<small>From <%= docs[i].from %> | <%= docs[i].time %></small><br><b><span title="<%=userinfo.id%>"><%= docs[i].nick %></span> said: <%= docs[i].msg %></b><br><br>
<% } %>
</span>
</div>
滚动脚本
<script>
function scrollToFirstMsg() {
const messages = document.getElementById('showMessages');
const messageid = document.getElementById('message-');
messages.scrollTop = messageid.offsetTop - 10;
}
scrollToFirstMsg();
setInterval(scrollToFirstMsg,1000);
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。