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

jquery返回頂部js代碼

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

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

$(document).ready(function(){
//當頁面向下滾動500像素時,返回頂部按鈕出現(xiàn)
$(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函數(shù)中,添加了滾動事件的監(jiān)聽函數(shù),當頁面滾動距離大于500像素時,就讓返回頂部按鈕出現(xiàn),否則讓它隱藏。并且在返回頂部按鈕上添加了鼠標點擊事件監(jiān)聽函數(shù),當點擊這個按鈕時,利用animate函數(shù)讓頁面平滑滾動到頁面頂部,并返回false,取消事件的默認行為。

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