在網頁制作中，經常涉及到內容較多且需要滾動顯示的元素。這時候，若想要讓該元素自動滾動到底部，就需要使用jQuery的div滾動條組件。

首先，在html文件的head部分引入jQuery庫和jQuery滾動條插件的相應js文件：

<script src="jquery.min.js"></script>
<script src="jquery.slimscroll.min.js"></script>

然后，在需要加滾動條的div元素中，添加如下代碼：

<div id="scrollDiv">
<p>這里是需要滾動顯示的內容</p>
</div>

接著，在script標簽中，使用jQuery的slimScroll()方法來初始化滾動條：

$(document).ready(function(){
$("#scrollDiv").slimScroll({
alwaysVisible: true,  // 始終顯示
height: '300px',  // 設置高度
start: 'bottom'  // 設置滾動條位置
});
});

其中，alwaysVisible表示始終顯示滾動條，height屬性設置滾動區域的高度，start屬性設置滾動條位置，這里設置為bottom表示自動滾動到底部。

這樣，在瀏覽器中預覽效果時，當內容較多時，該div元素就會顯示滾動條，并自動滾動到底部，方便用戶查看全部內容。