Question

导致跳转的锚标签：在chrome中，而不是firefox（在firefox中运行正常），从我的工作开始＃39;页面到我的联系人锚点然后点击，锚点跳转到我的约，然后立即回到联系人锚点。我认为这与我在#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”）into（target ===“whatever”）使用triple equals进行更精确的检查。

由于网址导致Chrome中的锚标记跳转？

1 个答案: