javascript - Jquery 操作 url

Question

我正在使用 pyrocms，所有导航链接都是绝对链接，这不允许我在页面上进行平滑滚动。

我的平滑滚动脚本是

.js

$('.nav a').click(function() {
     $('html, body').animate({
        scrollTop : $($.attr(this, 'href')).offset().top
    }, 500);
    return false;
});

使用 pyrocms 我的链接看起来像这样指向同一页面上的 div

<a href="http://www.mysite.com/index.php/#somelink>Link on the same page</a>

问题是我的动画出于某种原因无法使用绝对网址。我是否遗漏了一些简单的东西，或者我是否需要使用 jquery 将我的链接转换为相对链接(href =“#somelink”)。有这种可能吗。我只需要这个来处理我的导航链接，因为它们都是 index.php 页面上的链接。

Answer 1

您应该使用 anchor 标记的属性 hash:

scrollTop : $(this.hash).offset().top

DEMO