jQuery页面滚动与URL?

时间:2015-01-07 15:40:27

标签: jquery url scroll anchor

我是新手,所以请不要杀了我,如果它是显而易见的:)我有在bootstrap模板中创建的网站,它有很酷的滚动java脚本,工作完美,但当我点击链接它不会改变浏览器中的URL。有没有机会用这个代码做到这一点?谢谢:))

$(function() {
    id = id.replace("link", "");
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });
});

1 个答案:

答案 0 :(得分:1)

这应该做的工作:

 $('a.page-scroll').click(function() {
    var $anchor = $(this);
    $('html, body').animate({
        scrollTop: $anchor.offset().top
    }, 1500);
});