Якорь не следует за положением прокрутки и не прыгает

Question

Вот ссылка для воспроизведения https://codesandbox.io/s/antd-reproduction-template-5lvmz

Я пытался следовать https://ant.design/components/anchor, но это не работает. Когда я удалил

getContainer={() => document.querySelector("#my-scroll-layout")}
showInkInFixed={true} 
affix={true}

Якорь следует за положением прокрутки, но он все равно не прыгает.

---

Ниже приведен полный код

import ReactDOM from "react-dom"
import { version} from "antd"
import "antd/dist/antd.css"
import "./index.css"
import Lorem from "./Lorem"
import { Anchor } from "antd"
const { Link } = Anchor

ReactDOM.render(
  <div className="App">
    <div>Current antd version: {version}</div>
    <Anchor
      getContainer={() => document.querySelector("#my-scroll-layout")}
      showInkInFixed={true}
      affix={true}
    >
      <Link href="#1" title="1" />
      <Link href="#2" title="2" />

      <Link href="#3" title="3" />
    </Anchor>
    <div id="my-scroll-layout">
      <h1 id="1">1</h1>
      <Lorem />
      <h1 id="2">2</h1>
      <Lorem />
      <h1 id="3">3</h1>
      <Lorem />
    </div>
  </div>,
  document.getElementById("root")
)

Answer 1

Вы должны определить прокрутку и стиль для div my-scroll-layout.

https://codesandbox.io/s/antd-reproduction-template-voopn