使用jquery animate創建平滑滾動效果（可以是到頂部、到底部或指定地方）_jquery

採用錨點進行頁面中的跳轉的確很方便，但是要想增加網頁的效果，可以使用jquery中的animate，實現滾動的一個動作，慢慢的滾動到你想跳轉到的位置，從而看起來會非常高大上。

捲到頂部：

複製程式碼 程式碼如下:

$('.scroll_top').click(function(){$ ('html,body').animate({scrollTop: '0px'}, 800);});

捲動到指定位置：

複製程式碼 程式碼如下:

$('.scroll_a').click(function(){$ ('html,body').animate({scrollTop:$('.a').offset().top}, 800);});

完整實例原始碼參考：

複製程式碼 程式碼如下:

head>

產品介紹產品介紹產品介紹產品介紹產品介紹產品介紹產品介紹產品介紹產品介紹產品介紹產品介紹

 

回頂端

 

產品介紹

 

滑到底部