有个需求，要在显示聊天框时，固定框的大小为300px高度，宽度50px左右，然后当聊天内容超出宽度或者高度时会出现滚动条，并且垂直滚动条要默认最底部，以便显示最新消息，水平滚动条一般都是默认最左，本文就为大家分享一篇实现p滚动条默认最底部以及默认最右边的示例代码，代码非常简洁，具有很好的参考价值，希望对大家有所帮助。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>实现p滚动条默认最底部以及默认最右边</title>
<script type="text/javascript" src="jquery文件地址"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scroll_p').scrollTop( $('#scroll_p')[0].scrollHeight);
$('#scroll_p').scrollLeft( $('#scroll_p')[0].scrollWidth);
});
</script>
<body>
<p id="scroll_p" style="overflow-y:scroll; overflow-x:scroll;width:50px; height:300px; border:1px solid #F00;">
pCSS5测试内容，欢迎来到pCSS5学习p+CSS技术。大家可以通过pCSS5主站上的所有免费CSS教程足可学会p CSS技术 -如果需要深入系统学习、较短时间达到理想学习效果可参加p+CSS培训班学习。
</p>
</body>
</html>学完本文大家学会了吗？赶紧动手尝试一下吧。
相关推荐：
Atas ialah kandungan terperinci div滚动条默认最底部和最右边的示例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
penyelesaian pengecualian mysql
Bagaimana untuk mematikan perlindungan masa nyata dalam Pusat Keselamatan Windows
warna fon css
Apakah maksud sambungan fail biasanya?
Perkara yang perlu dilakukan jika ralat normal.dotm berlaku
css
Bagaimana untuk menetapkan pembalut baris automatik dalam perkataan
Telefon bimbit projektor
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
