jQuery滾動條回到頂部或指定位置


jQuery滾動條回到頂部或指定位置

在很多網站,為了增強用戶體驗,我們會看到回到頂部的按鈕,不用手動拖拽滾動條就能回到頂部,非常方便。下面就介紹用jquery實現的滾動到頂部的代碼

復制代碼
$(function(){

    //點擊id為go_top的元素時網頁回到頂部

    $("#go_top").click(function(){

        $(’html,body’).animate({scrollTop:0},1000);//回到頂端

        return false;

    });

});
復制代碼

 

當然我們也可以返回某個元素的位置,將以上代碼寫成:

$(’html,body’).animate({scrollTop:$("指定位置").offset().top}, 1000);//定位到該位置


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM