jquery更改位置，然後滾動到元素

Question

當我在index.php上，然後按主頁按鈕，它向下滾動到元素。但是，當我不在index.php上並按下相同的按鈕時，我想更改URL位置，然後滾動到該元素。這是我嘗試：

$('.home').on('click', function (event) { 

    // If location is index.php do this: 
    if (location.href.indexOf("/index.php") > -1) { 

     $('html, body').animate({ 
      scrollTop: $("#anotherelement").offset().top 
     }, 1000); 

     // If location is not index.php do this: 
    } else { 
     window.location = "index.php"; 

     $('html, body').animate({ 
      scrollTop: $("#anotherelement").offset().top 
     }, 1000); 
    } 
}); 

它只是改變了URL，但是當我不在的index.php它不滾動到元素

Answer 1

使用散列而不是使用jQuery滾動到一些元件。

1. 哈希添加到URL http://www.myurl.com/index.php#anotherelement
2. 與要在頁面加載滾動頁面相同的ID（anotherelement在這個例子中）添加的元素。

Answer 2

請更改您的代碼

$('.home').on('click', function (event) { 
    if (location.href.indexOf("/index.php") > -1) { 
     $('html, body').animate({ 
      scrollTop: $("#anotherelement").offset().top 
     }, 1000); 

    } else { 
     window.location = "index.php#anotherelement"; 
    } 
});