¿Es posible rotar un iframe y luego el contenido dentro de él, por separado, para lograr el efecto de una barra de desplazamiento inferior? La investigación que he hecho sobre esto no ha indicado claramente si es posible o cómo se vería, pero he estado tratando de crear un efecto de un cuadro de chat, siempre desplazándome a la parte inferior disponible para ver nuevos mensajes sin desplazándose hacia abajo cada vez.

 <div class="demo"> <iframe src="page1.php" style="background-color: purple" width="1200" height="500" scrolling="yes" name="myIframe" ; id="myIframe" ; class="demo"></iframe> </div> <form method="post" action="page2.php"/> <script> const iframe = document.querySelector('iframe'); document.querySelector('button').addEventListener('click', function () { iframe.contentWindow.scrollTo(0, iframe.contentDocument.documentElement.scrollHeight); }) </script>