js操作捲軸事件執行個體，js捲軸執行個體

js操作捲軸事件執行個體，js捲軸執行個體

本文執行個體講述了js操作捲軸事件的方法。分享給大家供大家參考。具體分析如下：

之前一直很納悶，如何監視捲軸的事件，今天終於有點明白了。

下邊代碼，是監聽捲軸只要移動，下方的返回頂部的div顯示與隱藏的代碼

window.onscroll = function () {   var t = document.documentElement.scrollTop || document.body.scrollTop;  if (t > 0) {     $(".cbbfixed").css("bottom", "10px");   } else {     $(".cbbfixed").css("bottom", "-85px");   } }

註：

t：捲軸距離top端的距離

t>0,即捲軸一旦滾動，立即執行if（）語句，else（）中的代碼是，捲軸到到top處時，返回頂部的div隱藏

返回頂部按鈕的點擊操作：

$("#cgotop").click(function(){   $('body,html').animate({ scrollTop: 0 }, 100);   return false; });

補充：

1、監聽某個元素的捲軸事件

$(selector).scroll(function(){.......});

 
2.擷取捲軸滾動的距離

$(selector).scrollTop();$(selector).scrollLefft();

希望本文所述對大家的javascript程式設計有所協助。