`dock-in` and `dock-out` of a video are not triggered when page is scrolled a bit faster than usual.

### Description

`dock-in` and `dock-out` of a video are not triggered when page is scrolled a bit faster than usual.

Components in use:
- **amp-video**
- **amp-layout**

Possible extension issue:
- **amp-video-docking.js**

Attaching video demo:

https://user-images.githubusercontent.com/39055514/212027533-8c29fa04-ce8b-4e98-8f93-0f259a564c0c.MOV

https://user-images.githubusercontent.com/39055514/212027585-6ba41dd0-321c-4b15-a35a-54d458facda9.MP4

### Reproduction Steps

1. Create simple HTML page out from "Advanced Video Docking" [example](https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fmultimedia-animations%2Fadvanced_video_docking&_gl=1*1yvdo09*_ga*YW1wLVNKZDRjT2diemhfdVp5aGcxTzI3dWc.)
2. Add some text content above ``
3. Try to scroll page a bit faster than usual

### Relevant Logs

_No response_

### Browser(s) Affected

Safari

### OS(s) Affected

iOS 16.0

### Device(s) Affected

Iphone XS

### AMP Version Affected

_No response_

Start with the Advanced Video Docking example and inspect amp-video-docking.js. Reproduce the issue on Safari with iOS 16.0 and an iPhone XS by scrolling faster than usual after adding content above amp-video. Done means dock-in and dock-out trigger reliably during that scroll pattern.

Written by the indexing model from the issue text.