單擊鏈接后如何更改滾動條的位置

Question

我的index.html頁面上有一個按鈕，如下所示：

關於我們

一旦用戶點擊此按鈕並移動到“關於我們”頁面，我想將滾動條從頁面頂部向下放置200px左右。 我在SO上看到了一些有關如何使用jQuery插件下移頁面的問題。 但是，我希望能夠先導航到新頁面，然后為用戶自動向下滾動頁面。 我的第一個想法是要有一些jQuery，該jQuery會在頁面加載時將“關於我們”頁面下移。 但是，我只希望頁面僅在單擊索引頁面上的鏈接時才向下移動，而不希望用戶以其他方式導航到頁面時才向下移動。 這可能嗎？

Answer 1

如果您在about us頁面上有一個帶有ID的元素，您可以將鏈接更改為（請注意，正斜杠不在id之前）。

<a href="about.html#ElementID"/>

這會將滾動點放在具有該ID的元素上。 例如，此鏈接將帶您回到此處

此鏈接 - https://stackoverflow.com/questions/28467667/how-can-i-change-the-scrollbar-location-once-a-link-is-clicked#answers

將帶您進入此頁面，但將滾動設置為答案表單。

如果這不是您要使用的方法，則可以隨時嘗試使用此Javascript

function ScrollPoint() { 
  var PageHeight=document.body.clientHeight;
  var params = window.location.search.substr(1).split('&');
  for (var i = 0; i < params.length; i++) {
    var a=params[i].split('=');
    if (a[0] == 'scroll') {
        // Add Validation the urlParam (0-9) only! Validation is good!
      var urlParam= decodeURIComponent(a[1]);
      var ScrollPoint=PageHeight-urlParam;
    window.scroll(0, ScrollPoint);
    }
  }

}
window.onload=ScrollPoint;

您可以在url /？scroll = 200中設置一個參數，然后使用javascript檢查scoll =參數，如果設置了滾動參數，那么它將滾動到該點。

我希望這有幫助，編碼愉快！