search
[jQuery] 點擊某按鈕,頁面的滑動

[jQuery] 點擊某按鈕,頁面的滑動

此篇文章瀏覽量: 1,262

透過以下程式,即可設定按下某一個按鈕後,即以滑動的方式,滑到頁面最上方:

$("#some_tag").on("click", function(e){
  $('html, body').animate({
    scrollTop: 0
  }, 750);  // 750是滑動的時間,單位為毫秒
  e.preventDefault();
});

那如果要滑至特定區域呢?也是很容易的:

$("#some_tag").on("click", function(e){
  $('html, body').animate({
    scrollTop: $("#specific_place").offset().top  // 只需修改此處
  }, 750);  // 750是滑動的時間,單位為毫秒
  e.preventDefault();
});

若覺得文章有幫助,請多分享,讓其他同好也能吸收網站技能知識。

熱門推薦

本文由 Carlos Chang 提供 原文連結

Carlos Chang
寫了472篇文章,獲得0次喜歡
留言回覆
回覆
精彩推薦