Javascript 滾動div是指在網頁中，對div元素進行動態的滾動操作，讓內容能夠進行連續的展示。這種效果在網站設計中是非常常見的，可以使得網頁內容更加流暢自然，也能夠提高用戶體驗度，因此應用非常廣泛。 一般來說，Javascript滾動div的實現都采用了以下幾種方式： 1.使用html和css的overflow屬性 這是最簡單的一種滾動div實現方式。只需在html中的div標簽中添加一個style屬性，然后設置overflow屬性為scroll即可。當內容不能全部顯示時，會自動出現滾動條。代碼如下：

<div style="overflow:scroll; height:100px; width:300px;">
這里是需要滾動的內容
</div>

2.使用jQuery的滾動插件 jQuery是一個非常流行的Javascript庫，其應用非常廣泛，如動畫，表單驗證，數據交互等。如果你使用了jQuery，那么可以使用jQuery的一些插件來實現滾動效果，例如iScroll、jquery.nicescroll等。代碼如下：

<script src="jquery.min.js"></script>
<script src="iscroll.min.js"></script>
<script>
$(function(){
var myScroll = new IScroll('#wrapper');
});
</script>
<div id="wrapper">
<div id="scroller">
這里是需要滾動的內容
</div>
</div>

3.使用CSS3新特性 CSS3帶來了很多新的特性，其中就包括了一些非常有用的屬性來控制滾動效果。例如-webkit-overflow-scrolling:touch，這個屬性可以使得在webkit瀏覽器上進行觸摸屏幕滾動變得非常流暢。代碼如下：

<div style="-webkit-overflow-scrolling:touch; overflow-y:scroll; height:100px; width:300px;">
這里是需要滾動的內容
</div>

無論使用哪種方法，Javascript滾動div的功能都是非常實用的。可以在很多網站的設計中見到它的身影。比如，淘寶網的商品詳情頁中，左側滾動展示商品詳情，右側固定展示商品圖片。再比如，微博網頁版右側的熱門微博列表，就采用了滾動div來實現內容的展示。 總之，Javascript滾動div雖然看上去簡單粗暴，但實現起來還是有技巧的。需要根據你的需求來選擇合適的實現方式。