Menu bar shakes when swiping pages in Safari

[evibhm]

Problem

Menu bar shakes when swiping pages in Safari

gif:

Steps

1. Find a relatively long page in the pages generated by mdbook and slide it.

Possible Solution(s)

The style

#menu-bar.sticky,
.js #menu-bar-hover-placeholder:hover + #menu-bar,
.js #menu-bar:hover,
.js.sidebar-visible #menu-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0 !important;
}

conflict with

#body-container {
    overflow-x: clip;
}

Notes

macOS Ventura 13.1
Safari Version 16.2

Version

mdbook v0.4.30