我目前正在尝试将页面 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/