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

jquery返回頂部js代碼

李芳蘭1年前6瀏覽0評論

jQuery是一款非常流行的JavaScript庫,它可以簡化JavaScript代碼的編寫,并提供一些常用的工具函數,其中返回頂部是一種常見的需求。下面是一個簡單的jQuery返回頂部的代碼示例:

$(document).ready(function(){
//當頁面向下滾動500像素時,返回頂部按鈕出現
$(window).scroll(function(){
if ($(this).scrollTop() > 500) {
$('#back-to-top').fadeIn();
} else {
$('#back-to-top').fadeOut();
}
});
//點擊返回頂部按鈕,頁面平滑滾動到頂部
$('#back-to-top').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});

代碼中首先使用了jQuery的選擇器語法,選中了一個id為“back-to-top”的元素,它是一個返回頂部的按鈕。然后在document的ready函數中,添加了滾動事件的監聽函數,當頁面滾動距離大于500像素時,就讓返回頂部按鈕出現,否則讓它隱藏。并且在返回頂部按鈕上添加了鼠標點擊事件監聽函數,當點擊這個按鈕時,利用animate函數讓頁面平滑滾動到頁面頂部,并返回false,取消事件的默認行為。

總的來說,這段代碼使用了jQuery的核心語法,實現了一個簡單的返回頂部按鈕,為用戶提供了便利的操作方式。