jQuery轉到當前頁面某處是非常常見的需求,例如當您的頁面非常長時,您可能希望用戶能夠快速跳轉到頁面的不同部分,或在一些特定的情況下,您可能需要將用戶從頁面的一部分帶到另一部分。在這篇文章中,我們將展示如何使用jQuery在當前頁面某處進行跳轉。
//通過點擊鏈接進行跳轉 $('a[href^="#"]').on('click', function (e) { e.preventDefault(); var target = this.hash; var $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top }, 900, 'swing', function () { window.location.hash = target; }); }); //通過點擊按鈕進行跳轉 $('#myButton').on('click', function(){ $('html, body').animate({ scrollTop: $('#myDiv').offset().top }, 'slow'); });
以上代碼包含兩種方法,第一種是當用戶單擊頁面上的任何帶有以"#"為前綴的鏈接時,將頁面滾動到該鏈接所在的位置。第二種是通過單擊一個按鈕來直接滾動到頁面中的任何元素。雖然這兩種方法非?;A,但它們提供了一個簡單易懂的方法,使您能夠輕松地將用戶從一個頁面部分帶到另一個頁面部分。