Jquery是一款常用的JS庫，它為開發人員提供了很多便捷的功能。其中之一是on scroll事件。on scroll事件觸發于頁面被滾動時，可以用來實現很多有趣的效果。

$(window).on('scroll', function() {
// 如果滾動條滾動到了頁面的底部
if($(window).scrollTop() + $(window).height() == $(document).height()) {
// 執行代碼
console.log('滾動到了底部');
}
});

上面的代碼是一個基本的on scroll事件的例子。在窗口被滾動時，代碼會不斷地檢測滾動條的位置是否已經滾動到了頁面底部。如果滾動到了底部，就會執行指定的代碼。這里的代碼只是簡單地在控制臺輸出信息，但你也可以用它來實現其他更加豐富的效果。

除了檢測頁面滾動到底部，on scroll事件還可以實現其他的效果，比如在滾動過程中實現漸變效果。

$(window).on('scroll', function() {
var scrollTop = $(window).scrollTop(),
elementOffset = $('.element').offset().top,
distance = (elementOffset - scrollTop),
opacity = 1 - (distance / 300);
// 設置漸變效果
$('.element').css('opacity', opacity);
});

上面的代碼中，我們在滾動窗口時計算出一個距離，然后根據這個距離設置元素的透明度，從而實現了一個漸變效果。

總之，on scroll事件是一個非常有用的功能，它可以讓我們在頁面滾動時添加一些有趣的效果，讓我們的網站變得更加生動和有趣。