• 智能AI问答!更聪明、更完整、原创作!
  • 一款基于GPT的超级AI机器人,可以回答问题、聊天、创作、写文案!

太复杂了,简单一点

发布于 2023-06-19 00:00:08

在微信小程序中,可以使用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的节点存在。这样就能实现将文本字添加到页面并自动滚动到底部的效果了。

0 条评论

发布
问题

在线
客服