【发布时间】:2020-04-08 02:29:18
【问题描述】:
是否可以通过实现 php 代码自动滚动到 div 容器的底部?
我找不到任何纯 css 的解决方案,但是我找到了一些 javascript 的解决方案,问题是我正在学习 PHP,并且不打算在明年某个时候之前深入研究 javascript。
我目前已经写了这段代码:
注意:我使用:bootstrap、自定义 css、php 和 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>
自定义 CSS:
.chatBubbleFriend{
border-radius: 50px 50px 50px 5px; }
.chatBubbleUser{
border-radius: 50px 50px 5px 50px; }
.col-lg-8{
max-height: 500px;
overflow-y: auto; }
【问题讨论】:
-
这能回答你的问题吗? What is the difference between client-side and server-side programming? - 由于 PHP 是一种服务器端语言,因此一旦离开服务器,它就无法更改页面上的任何内容。
-
那么既然 PHP 不是客户端语言而是服务器端语言,它就不能操纵页面的“外观”?
-
不超过输出初始页面。要在页面离开服务器并到达客户端后更改页面,您需要使用 Javascript 来操作它。
标签: php css bootstrap-4