色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery+滾輪切屏

錢諍諍1年前8瀏覽0評論

jQuery是一種快速、簡潔的JavaScript庫,可以大大簡化代碼的編寫和操作DOM對象。而滾輪切屏則是一種流行的頁面切換方式,通過鼠標滾輪來實現頁面的切換。在本文中,我們將介紹如何使用jQuery來實現滾輪切屏。

$(document).ready(function(){
$('html,body').animate({scrollTop:0}, 500);   //滾動條回到頂部
});
var page = 1;   //頁面計數器,默認為1
var lastPage = $('.section').length;   //獲取頁面數量
$(document).on('mousewheel DOMMouseScroll', function(event){
if(event.originalEvent.wheelDelta >0 || event.originalEvent.detail< 0){   //滾輪向上滑動
if(page >1){
page--;   //頁面計數器減1
$('html,body').animate({scrollTop:$('.section[data-index="'+page+'"]').offset().top}, 500);   //滾動條滾動到指定頁面
}
}else{   //滾輪向下滑動
if(page< lastPage){
page++;   //頁面計數器加1
$('html,body').animate({scrollTop:$('.section[data-index="'+page+'"]').offset().top}, 500);   //滾動條滾動到指定頁面
}
}
});

在上面的代碼中,我們首先利用jQuery的animate函數將滾動條回到頁面頂部。然后通過計數器page和最后一個頁面的索引lastPage來表示頁面的狀態。當滾輪向上滑動時,我們將頁面計數器減1并將滾動條滾動到指定頁面;當滾輪向下滑動時,我們將頁面計數器加1并將滾動條滾動到指定頁面。通過這種方式,我們可以很方便地實現整個頁面的滾動切換。