javascript - 将页面 anchor 传递到新页面而不使用 URL

标签 javascript jquery html url anchor

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

目前所需功能的第二部分可以工作,但我正在寻找一种将 anchor 传递到第二页而不将其出现在 URL 中的方法。

例如,而不是

www.example.com/blog#features

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

这可以通过 jQuery 或某种形式的 Ajax 样式请求实现吗?

最佳答案

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

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

然后您可以从中阅读并滚动到 View 中。

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

关于javascript - 将页面 anchor 传递到新页面而不使用 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51389972/

相关文章:

javascript - 替换字符串中的数字

javascript - 悬停时更改背景或颜色

javascript 如何从对象变量返回数字

javascript - Electron 中 app.ready() 之前调用了哪个方法

javascript - 是否可以使用 jquery/javascript 将 doc/docx 转换为 html?

javascript - 根据菜单中的选择更改值

javascript - 当将canvas转换为svg时只需要裁剪内容

javascript - 如何通过 addClass() 函数动态更改类?

javascript - 使用自定义 Javascript 绑定(bind)在 Python 中嵌入 Gecko

javascript - 将数组中的 id 替换为第二个数组中的名称