平滑滚动不适用于 .在身份证

Question

我正在使用脚本从这里Smooth scrolling when clicking an anchor link（更改 URL 的版本）平滑滚动。

它适用于所有锚点，但 ID 中包含 . 的锚点除外。所以链接到：

• 1 作品

• 1.1 不起作用

知道如何解决这个问题吗？

代码：

var $root = $('html, body');
$('a').click(function() {
    var href = $.attr(this, 'href');
    $root.animate({
        scrollTop: $(href).offset().top
    }, 500, function () {
        window.location.hash = href;
    });
    return false;
});

演示：http://bagsy.netau.net/rj/rj.html

Answer 1

id 不应以数字开头。但是如果你不想改变id，你可以使用这个代码：

var $root = $('html, body'); 
$('a').click(function() {
    var href = $.attr(this, 'href').replace('#','');
    $root.animate({
        scrollTop: $('[id="'+href +'"]').offset().top
    }, 500, function () {
        window.location.hash = href;
    });
    return false;
});