javascript - 页面跳转时隐藏 URL 的 hash

Question

我的菜单上有一个指向另一个页面上的 anchor 的链接。

<a href="http://www.mylink.com.br/mylink/#anchor">

我想隐藏 URL 中的 #anchor。

---

我试过另一种解决方案，看:

$('#menu #mylink2').click(function() {
   document.location.href = "www.mysite.com/mysite/";
});

然后，我需要激活一个脚本以在页面加载后滚动到 div:

$(document).ready(function(){
    $('html, body').animate({ scrollTop: $("#divtoscroll").offset().top }, 2500);
});

但我不知道如何将该事件附加到前一个事件。它的方式是，每次加载页面时，它都会滚动到 div。

有什么帮助吗？

---

我做到了! 我在 URL 的最后添加了“contato”以区别于其他链接。

$('#menu #mylink2').click(function() {
   document.location.href = "www.mysite.com/mysite/contato";
});

并用它来识别 URL 并激活文档就绪功能。

var url = "www.mysite.com/mysite/contato";
if (location.href==url) {
    $(document).ready(function(){
        $('html, body').animate({ scrollTop: $("#allcontentcontact").offset().top }, 2500);
    });
}
else {
}

完美运行!感谢您的帮助。

Answer 1

据我所知，这是不可能的，因为它告诉浏览器要跳转到页面的哪个部分。

您可以使用像素数量和 javascript 来执行此操作，但它不适用于所有情况。 示例:

 window.scrollBy(0, 500);

您可以使用 jQuery 滚动到页面上的特定元素 ID，但这需要该页面上的触发器，例如点击，甚至页面加载。以下示例使用点击。

$("#button").click(function() {
$('html, body').animate({
    scrollTop: $("#elementtoScrollToID").offset().top
}, 2500);

});