我想在点击例如<a href="#contact" style="padding-bottom: 33px; padding-top: 5px;">Contact</a>
时从Url中删除#。如何从Wordpress中删除#One页面
默认情况下,我获得example.com/#contact
,但是我想在点击链接时在网址中获得example.com
而没有#
。
我想在点击例如<a href="#contact" style="padding-bottom: 33px; padding-top: 5px;">Contact</a>
时从Url中删除#。如何从Wordpress中删除#One页面
默认情况下,我获得example.com/#contact
,但是我想在点击链接时在网址中获得example.com
而没有#
。
你可以通过jQuery来做到这一点?
这样的事情?
$("a#linkTo").click(function() {
$('html, body').animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
另一种选择是一个自定义的类添加到您的每个链接部分,然后使用jquery/JS滚动到。
据我所知,它最好保持搜索引擎优化的网址中的#号?
<script>
function clsl(){
var c = document.getElementById("aaa").href;
var d = c.replace(/[#]/gi, '/')
window.location.href=d;
}
</script>
链接:
<a href="#contact" id="aaa" style="padding-bottom: 33px; padding-top: 5px;" onClick="clsl()">Contact</a>
首先得到的链接,然后使用替换功能,然后重定向与/
取代hash #
。
感谢anwser,但现在我得到了一个URL像“example.com/contact”,而不仅仅是example.com我不希望URL更新时使用滚动到#anchor-id。例如在此页面上:https://css-tricks.com/examples/SmoothPageScroll/ – Dexo
感谢您的帮助,但不幸的是,它并没有为我工作,我不知道是否对SEO更好。我只是想要点击链接时滚动到锚点而不更改网址,就像他们在此网站上做的那样https://css-tricks.com/examples/SmoothPageScroll/ – Dexo