DIV fixed + DIV automatic scrolling

Question

I’m doing a little chat, and I’m having problems with the scroll bar. I want the scroll in the main, not in the iframe.

Imagery:

HTML:

  <div class="container-fluid">
   <div class="row">
      <div class="col-lg-12">
         <form action="chat.php" method="post">
            <div class="tudo" style=" "><iframe src="interacao.php" width="100%" height="1000px" style="border:1px red solid;" frameborder="0" ></iframe></div>
            <div class="texto" style="width:100%; "><?php require_once("writing.php"); ?></div>
         </form>
      </div>
   </div>
</div>

Answer 1

By default, the overflow starts with the value Visible.

Try this: (hide the scroll)

style="border:1px red solid;overflow:hidden;"

Remove height="1000px chunk".

And add that to your css:

style="... min-height:1000px;height:auto;"

What we did was:

set a minimum frame size(if you want) and leave the maximum automatic size, with the snippet height:auto;