锚标签跳跃在Chrome浏览器，因为URL

Question

锚标签导致跳转:在chrome中，而不是firefox(在firefox中工作得很好)，当从我的"工作"页面跳转到我的联系人锚，然后点击约，锚跳转到我的约，然后立即回到联系人锚。我想这与我的url以#gocontact结尾有关。找不到问题。

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash;
        var tOffset = $(target).offset().top
        var offAmt;
        //determine the amt of padding needs to be offset on scrollTop
        if( target == '#goContact'){
            offAmt = 90;
        }else if( target == '#goAbout'){
            offAmt = 120;
        }else{
            offAmt = 0;
        }//end else
        //smooth scrolling
        $('html, body').stop().animate({scrollTop: tOffset - offAmt},900, 'swing');
    });
}); 
$(document).scroll(function(){
    console.log( 'scrolltop', $(document).scrollTop() );
    var scrolltop = $(document).scrollTop();
    //get bottom of screen
    var scrollheight = scrolltop + $(window).height();

Answer 1

我无法在chrome中重新创建该问题。我点击了"工作"，然后是"联系方式"，然后是"关于"，所有内容都从我所看到的滚动到正确的位置。

当屏幕第一次滚动到顶部或底部(关于/联系部分)时，由于屏幕中间的延迟加载六边形图像，所以会有一点延迟，但除此之外，一切似乎都到了应该去的地方。

一个夫妇的建议是清除你的缓存(也许你看到一些旧的js没有更新的结果)，你也可以改变== in(target == "whatever")转换为(target === "whatever")，使用三重等号进行更精确的检查