如何从Wordpress One Page中删除#

时间:2016-06-10 00:52:04

标签: javascript php css wordpress

我想在点击<a href="#contact" style="padding-bottom: 33px; padding-top: 5px;">Contact</a>时点击网址中的#。

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

2 个答案:

答案 0 :(得分:0)

你可以通过jquery吗?

这样的事情?

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

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

据我所知,最好将#保留在SEO的网址中?

样本来自:jQuery scroll to element

答案 1 :(得分: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 #替换为/,然后重定向。