2016-06-10 150 views
0

我想在点击例如<a href="#contact" style="padding-bottom: 33px; padding-top: 5px;">Contact</a>时从Url中删除#。如何从Wordpress中删除#One页面

默认情况下,我获得example.com/#contact,但是我想在点击链接时在网址中获得example.com而没有#

回答

0

你可以通过jQuery来做到这一点?

这样的事情?

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

另一种选择是一个自定义的类添加到您的每个链接部分,然后使用jquery/JS滚动到。

据我所知,它最好保持搜索引擎优化的网址中的#号?

样品来自:jQuery scroll to element

+0

感谢您的帮助,但不幸的是,它并没有为我工作,我不知道是否对SEO更好。我只是想要点击链接时滚动到锚点而不更改网址,就像他们在此网站上做的那样https://css-tricks.com/examples/SmoothPageScroll/ – Dexo

0
<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 #

+0

感谢anwser,但现在我得到了一个URL像“example.com/contact”,而不仅仅是example.com我不希望URL更新时使用滚动到#anchor-id。例如在此页面上:https://css-tricks.com/examples/SmoothPageScroll/ – Dexo