JQuery是一款流行的JavaScript框架，讓Web開發更加便捷和簡單。其中，div上下滾動是一個廣泛使用的功能，例如在網站的導航欄或者廣告欄上。

實現div上下滾動功能的代碼可以使用JQuery的animate()函數，在CSS文件中設置好div的樣式，之后綁定滾動事件即可。

$(document).ready(function(){
var $content = $('.scroll-content');
var $scrollPane = $('.scroll-pane');
//設置總高度和滾動條高度
var totalContentHeight = $content.height();
var visibleHeight = $scrollPane.height();
var scrollHeight = totalContentHeight - visibleHeight;
//綁定滾動事件
$scrollPane.scroll(function(){
var scrollTop = $scrollPane.scrollTop();
$content.css('margin-top',scrollTop*(-1));
});
});

以上代碼首先定義了兩個變量，$content是要滾動的div，$scrollPane是外層包裹div。接著，通過計算總高度和滾動條高度，確定div的滾動范圍。

最后，綁定滾動事件。當滾動條滾動時，scrollTop()方法返回滾動條相對于頂部的距離，通過設置$content的margin-top屬性，實現div的上下滾動。