在不使用 URL 的情况下将页面锚点传递到新页面

Question

我目前正在尝试将页面锚点从一个页面传递到另一个页面，以使第二页平滑滚动到正确的 div。

目前所需功能的第二部分有效，但我正在寻找一种方法将锚点传递到第二页而不出现在 URL。

例如，而不是

www.example.com/blog#features

锚标记#features，可以以某种方式传递到博客页面并正确滚动而不会出现在URL。

jQuery 或某种形式的 Ajax 样式请求是否可行？

Answer 1

尝试使用 localStorage，例如 http://devdocs.io/dom/window/localstorage

window.localStorage.setItem('id_of_element_to_scroll', '#example-div');

然后您可以阅读它并滚动到视图中。

$(document).ready(function () {
  var idToScroll = localStorage.getItem('id_of_element_to_scroll');
  $('html, body').animate({
    scrollTop: $(idToScroll).offset().top
  }, 200); // with animation
})

在不使用 URL 的情况下将页面锚点传递到新页面

Passing page anchors to a new page without using URL

html

javascript

url

anchor

jquery