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的情况下将页面锚点传递到新页面

1 个答案: