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; }