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

Question

I'm currently trying to pass a page anchor from one page, to another, to have the second page scroll smoothly to the correct div.

Currently the second part of the desired feature works, but I'm looking for a way to pass the anchor to the second page without it appearing in the URL.

So for example, instead of having

www.example.com/blog#features

The anchor tag #features, could be passed somehow to the blog page and scroll correctly without it appearing in the URL.

Is this possible with jQuery or some form of Ajax style request?

Answer 1

try to use localStorage for example http://devdocs.io/dom/window/localstorage

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

Then you could read from it and scroll into view.

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