web-dev-qa-db-ja.com

Chrome 61jQueryスクロールが機能しなくなった

Chrome 61なので、jquery3.2.1コマンドのスクロールで多くの問題が発生しました。スクロールしなくなりました。

Chromeからコンソール通知が届きます（ページの最終更新日は2017年5月12日です）。

スクロールをスムーズにするために、点滅はタスクを延期しました。これを回避するには、タイマーとネットワークタスクの実行に50ミリ秒未満かかる必要があります。 https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/rail および https://crbug.com/574343#c40）を参照してください。 詳細については。

例：

console.log("start");
$('body').animate({ 
  scrollTop : $('#id').offset().top - 100
},3000,function(e) {
  console.log("end");
});

誰かが原因が何であるか、そして私がそれで何ができるかについての考えを持っていますか？

jquerycssgoogle-chromescroll
10
Wobbo

現在のバージョンではオーバーフローがhtmlに設定されているようです（-mozのように。チェックしてください この質問 しばらく行ったことがあります）

$(function() {
    console.log("start");
    $('html').animate({
        scrollTop: $('#my-id').offset().top - 100
    }, 3000, function(e) {
        console.log("end");
    });
});

https://jsfiddle.net/4ebggecv/

または、これらのスタイルを追加して、ボディをアニメーション化し続けることもできます

html {
    overflow: hidden;
    height: 100%;
}
body {
    height: 100%;
    overflow: auto;
}

https://jsfiddle.net/ykyt58ac/1/

10
Toni Michel Caubet