關於jQuery的問題scrolltop

我使用jQuery向下滾動頁面。例如，通過下面的代碼，通過單擊鏈接，頁面向下滾動到div id「bottom」。它工作正常，但地址欄中的網址保持不變。我希望當我點擊鏈接時，它會向下滾動，但也會在瀏覽器的地址欄中添加＃（或下面鏈接的任何URL）。例如，頁面的網址是example.com/test.php，它應該變成類似example.com/test.php# 是否有可能這樣做？謝謝。關於jQuery的問題scrolltop

<a href="#" class="scrollToBottom">Scroll to bottom</a>

的jQuery：

$(document).ready(function(){ 
     $('a.scrollToBottom').click(function(){ 
      $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow'); 
       return false;  
     }); 
    })

來源

2011-08-29 mari

您必須刪除返回錯誤路線。

$(document).ready(function(){ 
     $('a.scrollToBottom').click(function(){ 
      $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow'); 
     }); 
    })

來源

2011-08-29 20:05:01

謝謝，我已經嘗試過了，但如果我刪除它，頁面的行爲有點奇怪。向下滾動後，它會刷新頁面。是因爲有生命還是別的嗎？ – mari

從您的代碼中刪除return false它將按您的要求工作。

$(document).ready(function(){ 
     $('a.scrollToBottom').click(function(){ 
      $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow'); 
     }); 
    })

來源

2011-08-29 20:05:25 ShankarSangoli

謝謝，我已經試過了，但如果我刪除它，頁面的行爲有點奇怪。向下滾動後，它會刷新頁面。是因爲有生命還是別的嗎？ – mari

這是因爲錨點試圖重定向到它的href屬性中設置的url，這裏只是一個'＃'，所以它仍然保留在同一頁面上，但它會滾動到頁面的頂部。我不明白爲什麼你需要在滾動後在URL中使用'＃'。 – ShankarSangoli

我需要它cos＃不是唯一的東西，它也包含一個ID，例如。＃11，我需要這個ID發佈。你能推薦一些替代解決方案嗎？謝謝 – mari

關於jQuery的問題scrolltop

回答

相關問題