Is it possible to auto scroll to the bottom of a div container by implementing php codes?
I could not find any solution with pure css, however I found some solutions with javascript, the problem is that im learning PHP and do not plan to dive into javascript before sometime next year.
I currently have written this code: 
note: I use: bootstrap, custom css, php and mysql.
<ul class="overflow-auto list-unstyled">
    <?php foreach($results as $value):
      if($value["person1"] == $user): ?>
        <li class="row p-3 m-2">
          <div class="col" style="width:70%">
          </div>
          <div class="col text-white text-center bg-primary p-3 chatBubbleUser">
            <?php echo $value["person1text"] ?>
          </div>
        </li>
      <?php endif;
      if($value["person1"] == $friend): ?>
        <li class="row p-3 m-2">
          <div class="col text-white text-center bg-success p-3 chatBubbleFriend">
          <?php echo $value["person1text"]; ?>
        </div>
        <div class="col" style="width:70%">
        </div>
        </li>
      <?php endif;
    endforeach; ?>
  </ul>
Custom CSS:
.chatBubbleFriend{
border-radius: 50px 50px 50px 5px; }
.chatBubbleUser{
  border-radius: 50px 50px 5px 50px; }
.col-lg-8{
  max-height: 500px;
  overflow-y: auto; }

 
    