手动滚动到锚点时更改 url？

默认情况下，如果我的网站中有锚点，则当我单击链接（即 www.mysite.com/#anchor）时，地址栏上的 URL 会发生更改

当我滚动到某个锚点时，是否可以立即更改地址栏中的 URL？或者有一个包含多个锚点的长文档，当我点击新的锚点时，地址栏上的 url 会发生变化？

尝试使用这个 jquery 插件：卷轴画 http://johnpolacek.github.com/scrollorama/。它有很多很酷的功能，您可以使用window.location.hash更新您的浏览器哈希。

或者，您可以添加“滚动”事件来检查何时到达锚点。

这是一个工作小提琴来说明该事件：http://jsfiddle.net/gugahoi/2ZjWP/8/ http://jsfiddle.net/gugahoi/2ZjWP/8/例子：

$(function () {
    var currentHash = "#initial_hash"
    $(document).scroll(function () {
        $('.anchor_tags').each(function () {
            var top = window.pageYOffset;
            var distance = top - $(this).offset().top;
            var hash = $(this).attr('href');
            // 30 is an arbitrary padding choice, 
            // if you want a precise check then use distance===0
            if (distance < 30 && distance > -30 && currentHash != hash) {
                window.location.hash = (hash);
                currentHash = hash;
            }
        });
    });
});