reactjs - Anchor 不跟随滚动位置并且不跳转
问题描述
这是复制链接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")
)
解决方案
您必须为 my-scroll-layout div 定义滚动和样式。
推荐阅读
- python - 根据用户权限和数据库值改变查询集的 Django 最佳实践
- python - 检查 apache 是否正在运行
- vba - 使用 OCX“类未注册”时出错 [VBA PowerPoint]
- c# - 如何找到 UserControl 父级?
- sql-server - T-SQL - 使用 STUFF 连接分组列并删除重复项
- python - Matplotlib 绘图数据框
- node.js - 如何使用 Typescript 扩展猫鼬查询类?
- sql - Alasql - 分组并取最大结果
- nginx - 如何根据 URL id 在 Istio 上设置哈希?
- debian - 在`debuild`之后重复`usr`目录