有个需求，要在显示聊天框时，固定框的大小为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!
Bagaimana untuk menyelesaikan synrax yang tidak sah
Apa yang perlu dilakukan jika pemapar foto windows kehabisan memori
Kaedah penyulitan biasa untuk penyimpanan penyulitan data
Pengenalan kepada perisian vps percuma asing
Perbezaan antara scratch dan python
Apakah maksud akses rangkaian dinafikan wifi?
Pelabuhan 8080 telah diduduki
Penyelesaian ralat SQL 5120
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
