１回目のスクロールの動きが何故か悪い原因メモ

html {
    overflow-x: hidden;　←
}

一番上？の親要素に横スクロール禁止にしていると、微妙な横スクロールに反応して、一度静止したような挙動がされるようです。横スクロール禁止はbodyなどに行うと良いでしょう。