在微信小程序中,可以使用wx.pageScrollTo
方法实现页面滚动到底部的效果。你可以将以下代码添加到你的小程序中实现相应的功能:
// 定义一个函数,用于将页面滚动到底部
function scrollToBottom() {
.createSelectorQuery().select('#message-list').boundingClientRect(function(rect) {
wx.pageScrollTo({
scrollTop: rect.bottom
});
}).exec();
}
// 在Page对象的data中添加以下变量
data: {
textStacks: [],
writingText: '',
writing: false,
lists: []
},
// 在startWriting方法中进行相应的处理
startWriting: function() {
var that = this;
that.setData({ writing: true });
var textStacks = that.data.textStacks;
var writingText = that.data.writingText;
var lists = that.data.lists;
var timer = setInterval(function() {
if (textStacks.length > 0) {
writingText textStacks.shift();
that.setData({ writingText: writingText });
scrollToBottom();
} else if (!that.data.writing) {
clearInterval(timer);
timer = 0;
if (writingText) {
lists.push({
user: 'AI',
message: writingText
});
that.setData({ lists: lists }
that.setData({ writingText: '' });
setTimeout(function() {
scrollToBottom();
}, 200);
}
}, 50);
},
请根据你的实际代码进行相应的调整,并确保ID为message-list
的节点存在。这样就能实现将文本字添加到页面并自动滚动到底部的效果了。