下記のようなお問い合わせチャットボットを作成したいです。
https://chat.ichiba.faq.rakuten.co.jp/
下記①②のポイントをどのように実現させればよいか悩んでおります。
①スマホ、PCレイアウト対応
②会話が進むにつれ、自動で下にスクロールされていく
①はbootstrapで対応できると考えているのですが、②がそもそもdjangoだけで実現できるのか判断できておりません。画面を読み込むたびにしたまでスクロールする方法だとUXが不自然になってしまいます。画面の要素を一部更新→下までスクロールなのかなと思っており、ajaxを使用すればできるのかと考えております。
レイアウトはbootstrapでもできますが、私はtailwindcssを使用しています。
スマホ対応も簡単です。
https://zenn.dev/hathle/articles/django-tailwindcss
ボトムスクロールは下記のJavaScriptを参考に実装してみてください。
https://into-the-program.com/javascript-set-scrollbar-position-to-bottom/
ありがとうございます!確認させていただきます!