欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery設(shè)置滾動到頂部

田春又1年前6瀏覽0評論

jQuery是一款流行的JavaScript庫,用于簡化HTML文檔操作、事件處理、動畫效果及AJAX等方面的編程。本篇文章將介紹如何使用jQuery實現(xiàn)滾動到頂部的功能。

$(document).ready(function(){
//當滾動條滾動時觸發(fā)函數(shù)
$(window).scroll(function(){
//當滾動條滾動距離大于等于100時,顯示回到頂部按鈕
if($(window).scrollTop()>=100){
$("#toTop").fadeIn(1000);
}else{
//否則隱藏按鈕
$("#toTop").fadeOut(1000);
}
});
//點擊回到頂部按鈕
$("#toTop").click(function(){
//設(shè)置滾動條滾動距離為0,即回到頂部
$("html,body").animate({scrollTop:0},800);
});
});

上述代碼中,我們首先在頁面加載完畢后,為窗口的scroll事件綁定一個函數(shù)。當滾動條滾動距離大于等于100時,顯示回到頂部的按鈕,否則隱藏。當點擊回到頂部按鈕時,使用jQuery的animate()方法,將滾動條滾動距離設(shè)置為0,并支持緩動效果。這樣,就能實現(xiàn)滾動到頂部的功能。

上一篇css輪播div
下一篇css取div