2016-11-02 8 views
1

こんにちは、スムーズにスクロールしてChromeで動作させることができません。他のブラウザでもうまく動作します。アンカーポイントに移動しますがスムーズにスクロールしません。私も、クロムごとにスクロールを有効にしている://フラグ/スムーズスクロールがChromeのアンカーで機能しない

のjQuery:

jQuery('.arrow-down').on('click',function (e) { 
    e.preventDefault(); 
    var target = this.hash, 
    jQuerytarget = jQuery(target); 
    jQuery('html, body').stop().animate({ 
     'scrollTop': jQuerytarget.offset().top - 60 
    }, 1500, 'swing', function() { 
     window.location.hash = target; 
    }); 
}); 

HTML:

<a href="#articleblock1" class="btn arrow-down"><div>SCROLL DOWN</div><i class="fa fa-angle-down" style="line-height:15px;font-size:30px;"></i></a> 

答えて

2

がこんにちは私はこれを考え出しました。 私はoverflow-x:私の体に見えました。

私はこれをオーバーフローに変更しました:可視で、これはうまくいきました。

+0

ありがとうございます!これは、body要素に設定したoverflow-yプロパティが自分自身の問題を引き起こしていたことを理解するのに役立ちました。 :) – SilasOtoko

1
body {  
    overflow:visible; 
} 

これは私に役立ちました。ページのCSSに入れてください。 Chromeは私のjqueryアニメーションスクロールトップコードを約1ヶ月前に無作為に停止しました。私は前に何の答えも見つけられなかったので、これをもう一度見てうれしい。ありがとうRRowan!

関連する問題