Jquery manipulate urls

Jquery manipulate urls

本文关键字:urls manipulate Jquery      更新时间:2023-11-15

我使用的是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>

这个问题是,由于某些原因,我的animate无法使用absoulte url。我是缺少了一些简单的东西,还是需要使用jquery将我的链接转换为相对链接(href="#somelink")。有可能吗。我只需要这个来处理我的导航链接,因为它们都是index.php页面上的链接。

您应该使用锚点标记的属性hash

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

演示