太复杂了,简单一点
在微信小程序中,可以使用`wx.pageScrollTo`方法实现页面滚动到底部的效果。你可以将以下代码添加到你的小程序中实现相应的功能:
```javascript
// 定义一个函数,用于将页面滚动到底部
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`的节点存在。这样就能实现将文本字添加到页面并自动滚动到底部的效果了。
AI智能问答网
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用创作工场,更聪明、更完整、更原创!