是否可以在Web聊天中的输入窗口最后钉住（Microsoft Bot Framework）？

Question

我正在使用Microsoft Bot Framework构建一个聊天机器人，目前我正在设计Webchat（Webchat V4-> https:/github.commicrosoftBotFramework-WebChat）的设计。)然而，我注意到，每收到一条新消息，输入窗口就会进一步向下移动，我不得不向下滚动来写另一条消息。

现在说说我的问题。有没有可能把输入窗口钉在底部，只有聊天窗口滚动？

-

Answer 1

是的，你可以，你可以使用CSS来钉住它。只要在你的CSS中引用webchat类，你就可以自定义它。下面是我在Office Fabric UI面板中实现的一个节选。

#webchat {
  margin: 0 auto;
  clear: both;
  padding: 0 10px;
  position: fixed;
  bottom: 0;
  top: 38px;
  padding-bottom: 53px;
  max-width: 87%;
  max-height: 90%;

}

你还可以使用内置的样式选项，这些选项非常有用。

• https:/bisser.iobot-framework-v4-webchat-styling-options。
• https:/docs.microsoft.comen-usazurebot-servicebot-builder-webchat-customization?view=azure-bot-service-4.0。